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级，位置靠后的限定条件应尽量精确