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. 其他属性：content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient...

页面布局整体思路

为了提高网页制作的效率，布局通常有以下的整体思路：

1. 必须要确定页面的版心(可视区)，我们测量可得知。
2. 分析页面中的行模块，以及每个行模块中的列模块。即为页面布局第一准则
3. 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置。即页面布局第二准则
4. 制作html结构。我们还是遵循现有结构后有样式的原则