推荐大家使用的CSS书写规范、顺序

推荐大家使用的CSS书写规范、顺序

css书写顺序

1. 位置属性(position, top, right, z-index, display, float 等)

2. 大小(width, height, padding, margin)

3. 文字系列(font, line-height, letter-spacing, color, text-align 等)

4. 背景(background, border 等)

5. 其他(animation, transition 等)

css书写规范

1. 使用css缩写属性

2. 去掉小数点前的“0”

3. 简写命名

4. 16进制颜色代码缩写

5. 连字符css选择器命名规范

1. 长名称或词组可以使用中横线来为选择器命名。

2. 不建议使用 “_” 下划线来命名css选择器

6. 不要随意使用id

7. 为选择器添加状态前缀

CSS样式表文件命名

主要的 master.css

模块 module.css

基本共用 base.css

布局、版面 layout.css

主题 themes.css

专栏 columns.css

文字 font.css

表单 forms.css

补丁 mend.css

打印 print.css

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范...
    二狗子没有夏天阅读 1,889评论 0 35
  • 一、CSS的命名方式: 1.结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果...
    隔壁的UNCLE张阅读 1,438评论 0 4
  • http://www.shejidaren.com/css-written-specifications.html...
    love2013阅读 283评论 1 7
  • 夏日到了,总会有些莫名的烦躁。 今天跟朋友起了争执,其实也不算争执,我们就小说这件事有自己不同的想法。她觉得写字的...
    安坞阅读 305评论 0 0