1. div+css网页布局 -- 实现网页内容与表现相分离
2. 无意义的div和span
div:块级的,前后有断行
span:内联html中
3. 盒子模型
width
height
border
margin
padding
4. 布局有关css属性
position:absolute relative static fixed
top:
left:
text-align:left right center
line-height:行高,设置垂直居中
z-index: 层的顺序和覆盖关系,值高的元素覆盖值低的元素
display:block(块) inline(行) none(不显示该元素)
visibility:针对嵌套层,无论父层是否可见,子层都可见,当值为hidden时候,子层隐藏
overflow:层内内容超出层所容纳的范围时候,visible显示 hidden(超出部分隐藏) scroll(加滚动条) auto(超出层范围时候才加滚动条)
float:漂浮属性,left right
clear:none(默认) left right both 清除属性指定一个元素是否允许有元素漂浮在它的旁边;
5. 兼容性问题
w3c盒子模型的width和height只有内容区;而IE模型则还包括border和padding的部分
设置浏览器遵循w3c的DOCTYPE声明;<!DOCTYPE html>

被折叠的 条评论
为什么被折叠?



