（18）CSS杂记之二

（1）框模型注意点

        背景存在于element+padding+border的空间，因此背景应出现在边框的可见位置；

        padding和margin的默认值为0；padding与margin默认不被继承，padding不能为负值但margin可以；

        border-style的默认值为none，此时对border-width和border-color的设置均无效，因此要设置border的宽度和颜色，首先需要设置border-style；在没有生命边框颜色的情况下，边框颜色与该元素的文本颜色相同（若该元素没有文本，则框的颜色与父元素文本颜色相同）。

值复制：

（2）display

        display:block;  将行内元素转为块级元素

        display:inline;  将块级元素庄伟行内元素

        dispaly:none;  生成的元素没有边框且其内同也不再显示，也不占用文档空间

（3）定位

        相对定位：position:relative;元素相对于其原位置进行平移，无论元素是否移动，其元素原来占据的文档空间仍然被他占据，平移后的内容可能与其他框相覆盖。

        绝对定位：position:absolute;元素相对于最近的已定位的父元素进行定位。绝对定位的元素框已经冲文档空间中删除，不再占用文档空间，但随着滚动条的滚动而滚动。

        固定定位：position:fixed;元素在浏览器上的位置固定。固定定位的元素框已经冲文档空间中删除，不再占用文档空间，且不随着滚动条的滚动而滚动。

        浮动：float:left/right

                   clear:left/right/both