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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 对于不可预料高度的div不能把height写死,应该写min-height。 1,IE6不支持min-height属性,支持 “ _height ” 属性,即使内容高度超过设置的高度,也不会造成影响,因为在IE6中,“ _height ” 属性高度会根据自己的内容自动撑开高度; 2,对整体布局的盒子设置最小值属性,不然在IE7下会出现内容下穿。 3,要把下边的copyright的浮动清除掉,回到文档流中。
    查看全部
  • 1.min-height,最小高度。内容多余时自动撑开高度。但IE6不支持,只支持_height 2.1px水平竖线高度不一致,可设置li的行高
    查看全部
  • <div class="ad" id="picbox" >行内样式 行内样式优先级高于外部样式 行内样式适合于写少量样式的地方
    查看全部
  • 使用myFocus插件制作焦点图轮换时候需要注意的两点: 1.焦点图初始化的ID,与图片裂变最外层的ID一致; 2.图片列表外面,包裹一个class为pic的div。 经实践 .ad{height:310px; overflow:hidden;} ,该写法只有IE正常显示,火狐和谷歌浏览器会出现问题。 解决办法:增加 clear:both; 属性
    查看全部
  • background:url(images/search.jpg) no-repeat right center;设置搜索框背景图像右移,上下居中 padding-right:25px;解决搜索框输入文字覆盖背景图问题
    查看全部
  • 1.logo-right img{vertical-align:middle<文字与图片logo中部对齐>;margin-right:10px;} 2.logo-right{width:300px;float:right;height:28px;margin-top:30px;<位于logo区垂直中部>color:#8e8e8e;}
    查看全部
  • 浮动元素由于脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父元素撑开。
    查看全部
    0 采集 收起 来源:练习题

    2015-01-22

  • 1.每一个DIV元素都是个块级元素,块级元素而是从一个新行开始。 浮动float: 浮动的框可以向左向右移动,直到它的外边缘碰到包含框或另外一个浮动框的边框为止。 ---- 如果两个都设计浮动为一个方向。两个的宽度加在一起。不能超过整个页面的宽度! 浮动框脱离了普通文档流。不和普通文档流在一个层次上。所以就覆盖了! ---- 清除浮动: clear规定元素的那一则不允许其他浮动元素。
    查看全部
    0 采集 收起 来源:浮动 float

    2015-01-22

  • 盒子模型: css中,width/height指内容区域的宽度和高度。 增加内边距,边框和外边距不会影响内容区域的尺寸,会增加元素框的总尺寸。 ------ 设置了边框、间距、填充,而又不想改变整个盒子在页面中所站的总尺寸,那么就可以减少内容区域的大小。
    查看全部
    0 采集 收起 来源:盒子模型

    2015-01-22

  • 企业网站页面布局: 头部/导航区 信息展示区 页脚区
    查看全部
  • myfocus
    查看全部
  • my focus demo演示下载 棒
    查看全部
  • <div class="ad" id="picbox" >行内样式
    查看全部
  • 1.每一个DIV元素都是个块级元素,块级元素而是从一个新行开始。 浮动float: 浮动的框可以向左向右移动,直到它的外边缘碰到包含框或另外一个浮动框的边框为止。 ---- 如果两个都设计浮动为一个方向。两个的宽度加在一起。不能超过整个页面的宽度! 浮动框脱离了普通文档流。不和普通文档流在一个层次上。所以就覆盖了! ---- 清除浮动: clear规定元素的那一则不允许其他浮动元素。
    查看全部
    0 采集 收起 来源:浮动 float

    2015-01-20

  • 盒子模型: css中,width/height指内容区域的宽度和高度。 增加内边距,边框和外边距不会影响内容区域的尺寸,会增加元素框的总尺寸。 ------ 设置了边框、间距、填充,而又不想改变整个盒子在页面中所站的总尺寸,那么就可以减少内容区域的大小。
    查看全部
    1 采集 收起 来源:盒子模型

    2015-01-20

举报

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

微信扫码,参与3人拼团

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

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