css设计注意事项

1.如果3个等高的框都设置为向左浮动，left框将向左浮动直到碰到包含框box框的左边缘为止，另外两个框向左浮动直到碰到前一个浮动框为止。如果三个不等高，可能不会排成一行，因为浮动框的高度不同，当它们向下移动时可能会被其他浮动元素卡住。

2.相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。与其相反，绝对定位元素的位置与文档流无关，因此不占据空间，普通文档流中其他元素的布局就像绝对定义的元素不存在一样。简单的说，使用绝对定位之后，对象就会浮在页面之上。可以通过设置z-index属性来控制这些边框的堆放次序。Z-index属性值越大，框在堆中的位置就越高。

3.关于盒模型应注意：若盒中没有任何内容，尽管定义了宽度和高度都为100%，实际上也只占0%，因此不会被显示。这些在采取DIV+CSS3布局的时候需要特别注意。

4.在HTML文档元素中，p,h1-h6,div等元素被称为块级元素，而，strong和span等元素被称为行内元素。