css的定义、用法、注释、命名规则、书写规范

---

什么是css:

• css全名是层叠样式表(Cascading Style Sheets)
• CSS的作用：给html标签添加“样式”，样式定义了如何显示 HTML 元素
• 标签是可以由自己的属性去定义样式的（比如表格可以自定义边框），为什么要新定义一个CSS来添加样式呢？因为早期的设计混乱，标签的样式属性没有“通用”性（不同的标签有不同的样式属性），相对难以去使用。

 

---

CSS的用法：

CSS可以根据位置分成行内式、内联式、外联式。

内嵌式：在标签的style属性内使用"样式:参数"来定义样式（有什么样式可以看我的另一篇博文：html之CSS样式学习笔记）。

内联式: 在head标签的style标签内，使用选择器方式来定义样式（关于选择器，请看我的另一篇博文：html之css选择器学习）。

外联式：在外部的.css文件中定义样式，然后使用link标签引入样式表。

---

css的注释：

使用/*  */来注释，这个注释可以是多行的/

---

css的命名规则：

我们经常会使用class来帮助我们来选择某些标签，用来增加某些样式。class的属性值的命名规则应该遵循下面几个：

• 理论上应该见名知意，比如主要设置居中属性的css选择器可以命名为center
• 可以使用-来命名，但不可以使用_
• 不要使用纯数字、中文来命名。

---

CSS书写规范：

【只是规范，不遵守的话也能达到效果。有些规范也有些人并不认可。所以这个可以随意。】

• 选择器与{之间必须包含空格
• 属性名与后面的:之间不包含空格,
• :与属性值之间必须包含空格
• 包含多个选择器时，一个选择器声明占一行
• 选择器的嵌套层级应不大于3级，位置靠后的限定条件应尽可能精确

---