css教程:经常保持CSS的整洁度和有序性

当前位置 : 首页 > 网页制作 > CSS > css教程:经常保持CSS的整洁度和有序性

css教程:经常保持CSS的整洁度和有序性

来源: 作者: 时间:2015-12-16 18:25
点击这里浏览本站 CSS 频道内容。 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (
点击这里浏览本站 CSS 频道内容。   经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。   重置样式(reset styles)   排版样式(typography styles)   布局样式(layout styles (header, content, footer, etc.))   模块和widge
点击这里浏览本站 CSS 频道内容。
  经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。
  重置样式(reset styles)
  排版样式(typography styles)
  布局样式(layout styles (header, content, footer, etc.))
  模块和widget样式module or widget styles
  其他(etc).
  然后,在每个组里面,我按照DOM等级将选择符组织划分:
  任何父级元素样式(any parent styles)
  块级元素样式(block-level element styles) (段落,列表等.)
  内联元素样式(inline element styles) (链接,缩写等.)
  其他(etc).
  然后在上面划分的基础上进行详细的划分:
  段落(paragraphs)
  引用(blockquotes)
  地址(addresses)
  列表(lists)
  表单(forms)
  表格(tables)
  其他(etc).
  最后,我按照样式类型组织CSS声明
  位置样式(positioning styles)
  浮动/清除浮动样式(float/clear styles)
  显示/可见样式(display/visibility styles)
  空间样式(spacing styles)(margin, padding, border)
  尺寸样式(dimensions styles)
  排版相关样式(typography-related styles)(line-height, color, etc.)
  其他样式(miscellaneous styles)(list-style, cursors, etc.)
  许多人喜欢根据声明的字母顺序来排列,这种方法对我来说可能不太适合,但可能对你来说会非常适合。不过一旦你选择了任何组织方法,就最好坚持下去以保持其统一性。
Tag:
网友评论

<