CSS属性书写顺序：
基本遵循顺序：
graph TD
布局定位属性 --> 自身属性 --> 文本属性 --> 其他属性(CSS3)
1.布局定位顺序：display/position/float/clear/visibility/overflow(display第一个写，关系到模式)。
PS：visibility 属性规定元素是否可见。
overflow 属性规定当内容溢出元素框时发生的事情。
2.自身属性:width/height/margin/padding/border/background。
3.文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word。
PS:text-decoration 属性规定添加到文本的修饰。
vertical-align 属性设置元素的垂直对齐方式。
white-space 属性设置如何处理元素内的空白。
4. 其他属性(CSS3):content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient等。
PS:content 属性与 :befor 及 :after 伪元素配合使用，来插入生成内容。
cursor 属性规定要显示的光标的类型（形状）。
页面布局整体思路总结
graph TD
确定页面版心 --> 分析页面中的行模块以及每个行模块中的列模块 --> 确定每个列的大小其次是列位置 -->制作HTML结构先结构后样式 -->理清楚布局结构
