美文网首页
前端开发规范—css规范

前端开发规范—css规范

作者: jia林 | 来源:发表于2017-06-08 21:47 被阅读0次

id和class的命名

  • ID和class的名称总是使用可以反应元素目的和用途的名称,或其他通用的名称,代替表象和晦涩难懂的名称。

合理的使用ID

  • 一般情况下ID不应该被用于样式,并且ID的权重很高,所以不使用ID解决样式的问题,而是使用class

css选择器中避免使用标签名

  • 从结构、表现、行为分离的原则来看,应该尽量避免css中出现HTML标签,并且在css选择器中出现标签名会存在潜在的问题。

使用子选择器

很多前端开发人员写选择器链的时候不使用 直接子选择器(注:直接子选择器和后代选择器的区别)。
有时,这可能会导致疼痛的设计问题并且有时候可能会很耗性能。
然而,在任何情况下,这是一个非常不好的做法。
如果你不写很通用的,需要匹配到DOM末端的选择器, 你应该总是考虑直接子选择器。

尽量使用缩写属性

  • 尽量使用缩写属性对于代码效率和可读性是很有用的,比如font属性。

0后面不带单位

  • 省略0后面的单位

属性格式

为了保证一致性和可扩展性,每个声明应该用分号结束,每个声明换行。
属性名的冒号后使用一个空格。出于一致性的原因,
属性和值(但属性和冒号之间没有空格)的之间始终使用一个空格。
每个选择器和属性声明总是使用新的一行。
属性选择器或属性值用双引号(””),而不是单引号(”)括起来。
URI值(url())不要使用引号。

相关文章

  • 前端开发规范

    前端开发规范 规范目的 命名规范 结构化规范 注释规范 编码规范 CSS 规范 规范目的 为提高团队协作效率 便于...

  • [知识点滴]Div+CSS命名规范大全

    Div+CSS命名规范(前端web开发命名规范)Div+CSS命名规范(一)窗体头:header内容:conten...

  • css命名整理

    文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范...

  • css命名规范整理

    文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范...

  • 移动前端开发规范(一般规范)

    系列目录 移动前端开发规范(一般规范)移动前端开发规范(技术栈规范)移动前端开发规范(HTML规范)移动前端开发规...

  • 前端规范

    常用html、CSS、javascript前端命名规范无论是从技术角度还是开发视角,对于web前端开发规范文档都有...

  • 无标题文章

    # CSS 编码规范 此为前端开发团队遵循和约定的 CSS 编码规范,意在提高代码的规范性和可维护性。 ## 代码...

  • 前端开发规范—css规范

    id和class的命名 ID和class的名称总是使用可以反应元素目的和用途的名称,或其他通用的名称,代替表象和晦...

  • 前端开发规范:CSS规范

    一个项目应该永远遵循同一套编码规范不管有多少人共同参与同一项目,确保每一行代码都像是同一个人编写的 相关链接: 前...

  • 前端开发规范(实验室版)

    前端编码规范—— HTML 篇 前端编码规范—— CSS 篇 前端编码规范—— JavaScript 篇 这几天和...

网友评论

      本文标题:前端开发规范—css规范

      本文链接:https://www.haomeiwen.com/subject/hkntqxtx.html