加入收藏 | 设为首页 | 会员中心 | 我要投稿 衡阳站长网 (https://www.0734zz.cn/)- 数据集成、设备管理、备份、数据加密、智能搜索!
当前位置: 首页 > 服务器 > 系统 > 正文

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

发布时间:2020-05-10 16:50:44 所属栏目:系统 来源:站长网
导读:点击这里浏览本站 CSS 频道内容。 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (header, content, footer, etc.)) 模块和widget样式module or
点击这里浏览本站 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.)
  许多人喜欢根据声明的字母顺序来排列,这种方法对我来说可能不太适合,但可能对你来说会非常适合。不过一旦你选择了任何组织方法,就最好坚持下去以保持其统一性。

(编辑:衡阳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读