温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-03-14 13:42:24 来源:亿速云 阅读:133 作者:iii 栏目:web开发

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

  一、文件规范

  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的命名和书写规范是什么”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI