欢迎来到山村网

编写CSS代码时样式命名的规则

2019-03-29 02:15:28浏览:251 来源:山村网   
核心摘要:  要注意的内容:  一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称

  要注意的内容:

  一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。

  二,样式类名由以字母开头的小写字母(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_tx

  段落文本颜色 .c_tx_p

(责任编辑:豆豆)
下一篇:

如何提升企业产品WEB APP的用户体验?

上一篇:

如何将海洋元素运用于网页设计中

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com