css 命名规则

2016-11-23 20:34:03 css命名规则与css命名技巧

div css 命名规则技巧

新手开发HTML时,CSS命名就是麻烦的事,因为没有开发过没有积累有常见CSS命名,以下为大家整理CSS命名规则:

1、css命名大全(进入可以了解——CSS命名大全

2、不能以数字开头

错误的:
.2abc{... ...}
#8bcd{ ... ...}
以上以数字命名CSS选择器均是错误的语法。

正确的:
.abc2{... ...}
#bcd8{... ...}
.a2bc{... ...}
#b8cd{... ...}
可以以英文字母开头与数字任意组合或纯英文字母均可以。

3、不能以特殊符号命名
^%abc{... ...}
不能以其它无用符号开头命名。

id以“#”开头命名
class以“.”开头命名

4、非HTML单词不能作为标签命名
正确:

div{width:120px}

对div标签统一设置120px宽度

p{font-size:20px}

对p标签统一设置字体大小为20px

html标签可以直接加以赋予CSS

错误:
abc{width:120px}
HTML标签不能作为标签一样来赋予css

5、CSS命名原则
无论id还是class自定义命名最好有一定意义,比如头部布局我们外层使用#header,底部#footer,这样常用有意义命名。
更多大家都在使用CSS命名//www.html8.com.cn/css/4.shtml

6、合理利用翻译工具协助我们命名
CSS命名规则要有意义,如果不会英文,也不是大家常用命名,其它小局部命名,可以使用中文翻译成英文方式来命名,以简单有意义的英文单词作为我们CSS命名。

CSS命名在线翻译工具:
1)、谷歌翻译:http://translate.google.cn/
2)、百度翻译:http://fanyi.baidu.com/
3)、网易有道翻译:http://fanyi.youdao.com/

7、选择合适ID和CLASS
id不能乱用乱设置,如果具有大结构布局,特殊布局,重要布局,且不重复使用的我们可以以“#”命名 id来引用。如果是小局部,可重复使用一般布局我们使用“.”英文句号命名 html中以calss引用。

更新