CSS书写顺序(重点)

建议遵循以下顺序:

  1. 布局定位属性:display/position/float/clear/vissibility/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...

页面布局整体思路

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

  1. 必须确定页面的版心(可视区),可以通过测量得知。
  2. 分析页面中的行模块,以及每个行模块中的列模块。是页面布局第一准则。
  3. 一行中的列模块经常用浮动布局,先确定每个列的大小,之后确定列的位置。是页面布局第二准则。
  4. 制作HTML结构。我们还是遵循,先有结构,后有样式的原则。结构永远最重要。
    5.所以,先理清楚布局结构,再写代码尤为重要,这需要多写多积累。

你可能感兴趣的:(CSS书写顺序(重点))