前言
总归写文要找点意义。一直说要整理基础，拖了近大半年了。就从这篇0基础开始吧。后续接二连三的得开搞了。这次文章主要涉及CSS的定义，作用，技术关系，语法方式，书写标准，两大重点6个主要部分。先铺面，后续逐步加精吧。基础不动，地动山摇啊。
定义
CSS的全称是Cascading Style Sheets，层叠样式表
作用
让网页变好看
技术关系
和HTML和JavaScript合成网页开发三剑客:HTML代码是用来构建网页整体布局,CSS则是用来美化网页，JavaScript用来处理交互
举个例子：建房子需要用钢筋水泥(HTML代码)把房子整体架构建好，涂料之类的(CSS代码)就是用来装饰房子的，智能交互(JavaScript代码)就是用来提升房子的舒适度。
语法
1.编写格式
CSS的编写格式是键值对形式的
2.基础语法
定义:CSS 规则集（rule-set），由选择器和声明块组成。
分类：
- 单条声明:每条声明都包含一个 CSS 属性名称和一个值，以冒号分隔。
- 多条声明:多条 CSS 声明用分号分隔，声明块用花括号括起来。
目标：知道会用即可
方式
- 行内样式：（内联样式）直接在标签的style属性中书写
- 页内样式：在本网页的head标签内的style标签中书写
- 外部样式：在单独的CSS文件中书写，然后在网页中用link标签引用
书写标准
空格
1. 选择器 与 { 之间必须包含空格
2. 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格
3. 列表型属性值 书写在单行时，, 后必须跟一个空格
缩进
使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符
选择器
1.当集体声明多个 selector 时，每个选择器声明必须独占一行
2. >、+、~ 选择器的两边各保留一个空格
属性
1. 属性定义必须另起一行
2. 属性定义后必须以分号结尾
清除浮动
1. 通过对伪类设置 clear 或触发 BFC 的方式进行 clearfix, 尽量不使用增加空标签的方式。
2. 对已经触发 BFC 的元素不需要再进行 clearfix。
其他
1. 选择器的嵌套层级应不大于 3 级，位置靠后的限定条件应尽可能精确
2. 在可以使用缩写的情况下，尽量使用属性缩写
3. 使用 border / margin / padding 等缩写时，应注意隐含值对实际数值的影响，确实需要设置多个方向的值时才使用缩写
4. 文本内容必须用双引号包围
5. 长度为 0 时须省略单位
6. url() 函数中的路径不加引号
7. RGB颜色值必须使用十六进制记号形式 #rrggbb, 不允许使用 rgb()
8. 层级(z-index)必须清晰明确，页面弹窗、气泡为最高级（最高级为999），不同弹窗气泡之间可在三位数之间调整
两大重点
属性
作用：设置具体的展示效果
要义：通过属性的复杂叠加才能做出漂亮的页面
选择器
作用：用于定位设置样式的目标元素；通过选择器找到对应的标签设置样式。
技术关联：涉及到“权重计算”问题
参考资料
网易云-撩课学院课程
