css style 命名,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_tx

段落文本颜色 .c_tx_p

css style 命名,CSS_CSS样式命名规范，命名一直是个让我头痛的问题 - phpStudy相关推荐

DIV+CSS规范命名大全集合
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 D ...
DIV+CSS规范命名
一.命名规则说明: 1).所有的命名最好都小写 2).属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="di ...
DIV+CSS规范命名集合
我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 命名规则说明: 1).所有的命名最好都小写 2).属性的值一 ...
web开发 DIV+CSS规范命名集合
我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 命名规则说明: 1).所有的命名最好都小写 2).属性的值一 ...
2021前端最新DIV+CSS规范命名大全集合
我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. 一.命名规则说明: - TOP 所有的命名最好都小写属性的 ...
网页设计学习笔记——关于网页、样式文件的命名规范
命名是网页设计最基本的工序,命名的规范化及统一性有利于提高工作效率. 一.命名原则: 简单化原则.简单.直观是网页文件及样式文件的最基本原则,比如: index.html(主页) index.css( ...
Android：规范命名，让合作更加愉快
每个程序员又有自己的习惯和代码风格,当工程比较小,或者合作的人比较少的时候都还好说,但碰见大工程,需要大家一起奋斗的时候,统一的命名规范重要性就体现出来了. 恩,学习Android一年多了,命名一直不 ...
java包命名规则名词_java中命名规范
1.java中的类.方法.属性的命名规范 (1)类的命名,使用驼峰式命名的规范类的名字必须由大写字母开头而单词中的其他字母均为小写:如果类名称由多个单词组成,则每个单词的首字母均应为大写例如Test ...
mfc编程淘汰了吗_四种基本的编程命名规范（匈牙利命名法、驼峰式命名法、帕斯卡命名法、下划线命名法）...
匈牙利命名法匈牙利命名法是早期的规范,由微软的一个匈牙利人发明的,是 IDE 还十分智障的年代的产物.那个年代,当代码量很多的时候,想要确定一个变量的类型是很麻烦的,不像现在 IDE 都会给提示,所 ...

css style 命名,CSS_CSS样式命名规范，命名一直是个让我头痛的问题 - phpStudy

css style 命名,CSS_CSS样式命名规范，命名一直是个让我头痛的问题 - phpStudy相关推荐

最新文章

热门文章