CSS的命名和书写规范是什么

这篇“CSS的命名和书写规范是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“CSS的命名和书写规范是什么”文章吧。

我们提供的服务有：网站设计、成都网站建设、微信公众号开发、网站优化、网站认证、昆都仑ssl等。为上1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的昆都仑网站制作公司

一、文件规范

1、文件均归档至约定的目录中如分页pagination.css 2、文件名必须由小写字母、数字、中划线组成， 单个CSS文件避免过大（建议少于300行）

二、命名规范

规则命名中，不允许使用大写字母，避免使用中文拼音，应该采用更简明有语义的英文单词进行组合，注意缩写，但是不能盲目缩写，不允许通过1、2、3等序号进行命名，尽可能提高代码模块的复用，样式尽量用组合的方式

2、属性编写顺序 显示属性：display/list-style/position/float/clear …

自身属性（盒模型）：width/height/margin/padding/border 文本属性：color/font/text-decoration/text-align/text-indent/vertical-align/white-space/content…

三、书写规范

每个声明结束都应该带一个分号，不管是不是最后一个声明; CSS文件中的所有的代码都应该小写; 除了重置浏览器默认样式外，禁止直接为html tag添加css样式设置; 每一条规则应该确保选择器唯一，禁止直接为全局.nav/.header/.body等类设置属性;

四、代码性能优化

选择器应该在满足功能的基础上尽量简短，减少选择器嵌套，查询消耗。但是一定要避免覆盖全局样式设置， 禁止在css中使用*选择符， 0后面不需要单位，比如0px可以省略成0，0.8px可以省略成.8px， 如果可以，颜色尽量用三位字符表示，例如#AABBCC写成#ABC ， 在保持代码解耦的前提下，尽量合并重复的样式。

五、其他规范

不要轻易改动全站CSS和通用CSS库。改动后，要经过全面测试。 绝对不要在CSS中使用”*”选择符，背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按照模块、业务、页面来划分均可。

以上就是关于“CSS的命名和书写规范是什么”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。

当前名称：CSS的命名和书写规范是什么
网页链接：https://www.cdcxhl.com/article48/pphsep.html

成都网站建设公司_创新互联，为您提供响应式网站、软件开发、网站营销、App开发、服务器托管、网站维护

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联