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布局来控制网页的各个模块