千家信息网

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

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,这篇"CSS的命名和书写规范是什么"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"CS
千家信息网最后更新 2025年01月19日CSS的命名和书写规范是什么

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

内容 属性 文件 样式 选择 代码 全局 字母 小写 尽可能 文章 模块 知识 篇文章 缩写 规则 组合 简明 简短 全站 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 网络安全手抄报二年级作文 服务器内存条加马甲 服务器怎么安装依赖包 网页数据库为什么那么卡 恶意攻击游戏服务器判刑 软件开发做什么行业好 花雨庭服务器如何装载材质包 河南正规软件开发技术指导 内蒙古专业软件开发价格服务标准 vr软件开发的条件 东莞互联网科技公司 哪些大学考研数据库技术 高新区网络安全科技馆开关门时间 软件开发结构方式有哪些 汉中网络技术服务价格 手机网络安全隐患怎么看 学校网络安全教师承诺书 普陀区银联数据库服务清单 服务器架构如何解决连接混乱问题 云南白药软件开发员 2022年网络安全新年献词 魔兽大服务器名单 什么事火鸟数据库 街头霸王5加载服务器失败 数据库取当前日期减去6个月 广东电脑服务器租用虚拟主机 清查单位网络安全自查报告 广东软件开发工程师证 睿趣网络技术公司 武汉参考网络安全维护介绍
0