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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 注意的点: leftBox和rightBox设置浮动之后,脱离了普通的文档流,不再占用原来文档中的位置,因此无法将父div(mainBox)撑开。 因此如果父div的高度宽度不设置的话,它的大小就是不可见,因为本质上它的内部已经不包含任何内容了。 要让它可见,设置它的宽高即可。
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-16

  • IE7需要用:<p><span><a href></a></span</p>,才可以兼容,7以上的直接span放a前面即可
    查看全部
  • 浮动元素先写在前面,以免元素错位一行
    查看全部
  • 盒子在页面中占的总宽度为:左边距+左边框+左填充+宽度+右填充+右边框+右边距。增加左右填充后会使盒子总宽度增加10px+20px=30px,因此应该把盒子的宽度减少30px,才能保证盒子在页面中占的总宽度不变。
    查看全部
    0 采集 收起 来源:练习题

    2015-09-15

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

    2015-09-15

  • 盒子模型中的width,height指的是内容区域的宽度,增减内外边距,及边框值,不会改变内容区域宽度的大小,只会增加盒子模型总体的尺寸
    查看全部
    0 采集 收起 来源:盒子模型

    2015-09-14

  • main块中有news、course、sidebar三块构成,再给他们设置的宽度的时候,要考虑border的影响下的溢出问题。 这里采用的是浮动水平排列三列布局方式,同时,我们也可以用左右浮动,中间那块设置相对定位的方式进行三列布局。margin-left、margin-right。 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;
    查看全部
  • myFocus
    查看全部
  • 垂直居中,设置行高等于父元素高度,line-height:
    查看全部
  • 注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 3.还可以为父div增加一个overflow:hidden属性。
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-14

  • 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下哪种方法处理: 1.在浮动元素后加个div设置:clear:both;height:0;overflow:hideen; 2.使用clearfix; 3.设置父元素浮动;
    查看全部
    0 采集 收起 来源:练习题

    2015-09-14

  • #clear清除浮动#规定元素的哪一些不允许其他浮动元素,left、right、both、none、inherit(规定从父元素继承clear属性)
    查看全部
    0 采集 收起 来源:浮动 float

    2015-09-14

  • 在css中,widht和height指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 盒子在页面中所占的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距; 盒子在页面中所占的高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距。
    查看全部
    0 采集 收起 来源:盒子模型

    2015-09-14

  • 盒子模型-清除浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-09-13

  • 盒子模型-浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-09-13

举报

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

微信扫码,参与3人拼团

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

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