css布局

2016/10/20

CSS布局
1. css定位：⑴普通布局
            ⑵浮动布局
                ①display：inline-block（IE6,7不支持）: 使块元素在一行显示；使内嵌支持宽高；适合分页码
                ②float浮动：块在一行显示；脱离文档流；
                       属性：float left/right/none（不浮动）；遇到父级边界或相邻浮动元素停下来
                ③清除浮动：clear：left/right/both(左右都不允许浮动);
                            
            ⑶绝对布局 
                position定位：相对定位和绝对定位；
                     属性：static 默认值
                           relative  相对定位（结合辅助属性{top/left/right/bottom/z-index{堆叠顺序；数字最大，放最上面}}对元素进行定位;相对于上面元素进行定位）  
                           absolute  绝对定位（相对于一个不为static的父级元素进行绝对定位，也就是说如果不指定父级元素的position，absolute将相对整个html元素进行定位）
                           fixed     绝对定位（结合辅助属性相对于浏览器定位）
2.css常用工具：⒈避免编写属性为prefix free插件（http://github.com/LeaVerou/prefixfree）
               ⒉让不同浏览器表现一直的Normalize(重置样式--CSS Reset)
               ⒊合并压缩css文件(网上css压缩工具，以便于响应速度)

转载于:https://my.oschina.net/suon/blog/761451