CSS属性书写顺序,css的布局流程

1.布局定位属性:display/position/float/clear/visibility/overflow(建议display第一个写,毕竟关系到模式)
2.自身属性:width/height/margin/padding/border/background
3.文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word
4.其他属性(CSS3):content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient
eg:
.eg{
    display:block;
    position:relative;
    float:left;
    width:100px;
    height:100px;
    margin:0 10px;
    padding:20px 0;
    font-family:Arial;
    color:#333;
    background:rgba(0,0,0,.5);
    border-radius:10px;
}

1.必须确定页面的版心(可视区),我们测量可知
2.分析页面中的行模块,以及每个行模块中的列模块,其实页面布局就是一行行罗列而成
3.制作html结构,我们还是遵循,现有结构后有样式的原则,结构永远最重要
4.然后开始运用盒子模型的原理,通过div+css布局来控制网页的各个模块