css样式命名的方法
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
css 样式命名的方法
其实 css 命名规范有很多版本，看自己对哪种比较适合或者说习惯欢迎 大家在这里学习 css 样式命名!这里是我们给大家整理出来的精彩内容。 一定义 命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等) 的单词，以避免当状态改变时名称失去意义。 二样式规则 样式类名由以字母开头的小写字母(a-z)、数字(0-9)、下划线(_)、减号(-)组 成。 ID 名称由不以数字开头的小写字母(a-z)、数字(0-9)、下划线(_)组成。 可使用类似下面的规则: [模块前缀|类型|作用]_[名称]_[状态|位置] 约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺 序，尽量保持在两到三个单词说清用途。
例： 通用名词缩写 设置 set 成功 suc 提示 hint 操作 op 密码 pw 菜单 menu 按钮 bt 文本 tx 颜色 c 背景 bg 边框 bor
居中 center 图标 icon 弹出 pop 文本输入框 .input_tx 密码输入框 .input_pw 登录密码输入框 .input_pw_login 日志设置成功提示 .hint_suc_blogset 相册弹出的设置层 .pop_set_photo 公共提示 .hint_bg 文本颜色 .c_tห้องสมุดไป่ตู้ 段落文本颜色 .c_tx_p 好了，css 样式命名内容就给大家介绍到这里了。希望大家学业有成，工作 顺利
其实 css 命名规范有很多版本，看自己对哪种比较适合或者说习惯欢迎 大家在这里学习 css 样式命名!这里是我们给大家整理出来的精彩内容。 一定义 命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等) 的单词，以避免当状态改变时名称失去意义。 二样式规则 样式类名由以字母开头的小写字母(a-z)、数字(0-9)、下划线(_)、减号(-)组 成。 ID 名称由不以数字开头的小写字母(a-z)、数字(0-9)、下划线(_)组成。 可使用类似下面的规则: [模块前缀|类型|作用]_[名称]_[状态|位置] 约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺 序，尽量保持在两到三个单词说清用途。
例： 通用名词缩写 设置 set 成功 suc 提示 hint 操作 op 密码 pw 菜单 menu 按钮 bt 文本 tx 颜色 c 背景 bg 边框 bor
居中 center 图标 icon 弹出 pop 文本输入框 .input_tx 密码输入框 .input_pw 登录密码输入框 .input_pw_login 日志设置成功提示 .hint_suc_blogset 相册弹出的设置层 .pop_set_photo 公共提示 .hint_bg 文本颜色 .c_tห้องสมุดไป่ตู้ 段落文本颜色 .c_tx_p 好了，css 样式命名内容就给大家介绍到这里了。希望大家学业有成，工作 顺利