• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 范文大全 > 正文

    css样式命名规范|css样式表的三种方式

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站
    命名一直是个让我头痛的问题,特别是那些看上去差不多的模块,所以就得想办法啦,我总结了下面的方法,虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下:
    要注意的内容:
    一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。
    二,样式类名由以字母开头的小写字母(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
    • css样式命名规范|css样式表的三种方式 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全