DIV+ CSS -- 布局

来源：互联网发布：传感器融合算法编辑：程序博客网时间：2024/06/10 04:12

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>