css布局

CSS页面布局

1、当内嵌元素要进行上下移动时，先进行定位或是浮动或是行高设置

2、最大宽度和最大高度：使字体宽度不随浏览器的放大缩小而变化
  例：max-width : none | length （设置或检索对象的最大宽度。）
                      p { max-width: 200%; } 

               max-height : none | length （设置或检索对象的最大高度）

3、层关系标签，形式为——Z-index：正整数；（默认值为0）
           例：Z-index：1；
               Z-index：2；
               Z-index：3；
               Z-index：4；
              （层次为1 2 3 4）  
               Z-index：4；
               Z-index：1；
               Z-index：3；
               Z-index：2；
              （层次为4 3 2 1） 

4、索引，形式为——伪类选择器 ：nith-child(索引值){}
          例：div：nith-child(n) { }  所有的div都有效
     div：nith-child(2n)   所有的偶数div都有效
              div：nith-child(2n+1) { }  所有奇数的div都有效
              div：nith-child(2) { }   只有div2都有效
       特点：若命名的数字有逻辑关系的话，则用这个标签很方便

5、浏览器有自己默认的最小字体，如谷歌为：12px，所以在定义字体大小时，要注意     这些细节

6、设置元素的可见性，有两个元素可以设置：
              1、display
                display：inlne;(强制将块级元素变为内联元素)
                display：block;(强制将内联元素变为块级元素)
                display：inlne;(元素隐藏，并且退出当前页面布局层，不占用任何                                空间)
 
              2、visibility：visible；(可见)
                 visibility：hidden；（隐藏）
                 visibility：inherit；（继承父级元素显示属性——默认）

7、清除浮动，clear：none | left | right | both
              当定义浮动为 float：left；时，用clear：left；来清除浮动，使其              元素继续向左浮动，而不受前面元素的影响。它不会清除本身的浮动属              性。


8、分块布局：将大范围分成每个小块小块。