为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-18

  • 盒子里的内容居中:需要设置line-height和盒子高度相同。 如果一个盒子里面没有内容且设置了浮动,则会因为没有被撑开而不显示,需要为其设置高度,使其显示。
    查看全部
  • text-indent用来规定文本块中首行文本的缩进,但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
    0 采集 收起 来源:练习题

    2017-04-18

  • 设置box3的overflow:hidden也是可以的。
    查看全部
    0 采集 收起 来源:浮动 float

    2017-04-18

  • IE7需要用:<p><span><a href></a></span</p>,才可以兼容,7以上的直接span放a前面即可 ie11不用移动日期也可以了
    查看全部
  • text-align:center这个应该加载父元素里或者容器里 不能加在文字上
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-17

  • 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-17

  • img放在div里,会使div的垂直高度有3px(chrome浏览器里是这个数,其他浏览器不一定是这个)的增加,这样可能会阻碍浮动的效果。。。解决办法是,将img的display设置成block。。。。
    查看全部
  • nav部分占两行的问题 原因:img作为内联元素,会和文字一样具有行高和字号属性,默认对齐baseline.通过截图可以看到,nav部分实际高是83px>80px,溢出了。 解决方案有以下四种(根据情况任选其一): 1、.logo加上overflow:hidden; 2、.logo_left img 设置display:block; 3、.logo_left img 设置vertical-align:middle/bottom/top 都可以。 4、.logo_left 设置 font-size:0; 参考答案:https://www.zhihu.com/question/21558138
    查看全部
  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号
    查看全部
    0 采集 收起 来源:练习题

    2017-04-17

  • list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等
    查看全部
    0 采集 收起 来源:练习题

    2017-04-15

  • 1 .mainbox{overflow:hidden;} 2 .mainbox{height:300px} 3 .mainbox .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 4 .clear{clear:both;height:0;} 1.使用带clear属性的空标签 2.在浮动元素的父容器设置overflow:hidden 3..在浮动元素的父容器使用clearfix(利用伪对象after) http://www.cnblogs.com/ForEvErNoME/p/3383539.html .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} /*所有主流浏览器都支持 :after 伪元素。*/ .clearfix{*+height:1%;}/*不知道有什么用处,不加ie7也没有问题*/ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix{*zoom:1;}//只针对IE6/7
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • myFocus Demo v2.0.1 链接: http://pan.baidu.com/s/1pJ5j0wz 密码: 7s7e
    查看全部
  • <p align="center"><img src=" http://img.imooc.com/53edaa5a0001c86705000420.jpg" width="500" height="420" alt=""/></p>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • text-indent用来规定文本块中首行文本的缩进,但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
    0 采集 收起 来源:练习题

    2017-04-12

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!