什么是CSS？
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
核心关键词：层叠样式表
样式表：负责美化
层叠：样式不会被干掉而只会被覆盖
CSS的使用方式
- style属性
例如
<h1 style="css属性"></h1>
- style标签
例如
<style> /*css代码*/ </style>
- link引用
例如
<link rel="stylesheet" href="style.css">
基础选择器
- html标签选择器
通过html标签名来选择元素，注：
①所有的html标签都可以当作选择器
②无论标签藏多深都会被选中
③选择的是所用的标签而不是具体某个标签，所以说我们通过html标签选择器来设置的都是一些共性问题。
- id选择器
①任何的标签都可以有id属性和属性值(id是一个全局属性)。id不能随意命名，id命名对大小写敏感，id名字中可以有数字字母下划线，但要以字母开头。
②id名不能重复
- class选择器
①任何标签都可以使用class属性（class属性是全局属性）
②class属性名可以重复使用
综合选择器
- 后代选择器
div p - 交集选择器
div.d1 - 并集选择器
div,p - 子元素选择器
div>p - 序列选择器
ul li:first-childul li:last-child - 相邻兄弟选择器
div+p - 普通兄弟选择器
div~p
继承和层叠
- 继承
父元素的某些css属性会被子元素无条件的继承过去。
- 层叠
解决的是css属性冲突问题，通过比较权重来解决层叠问题。
注：!important 能够把单独属性的权重变为无限大，尽量少用。
块级元素和行内元素
例如：div 块级元素，span 行内元素
- 块级元素和行内元素区别
①行内元素不能设置宽度和高度。行内元素的宽度和高度是标签内容的宽度和高度。块级元素可以设置宽度和高度。
②块级元素会独占一行。而行内元素却不能独占一行，只能和其他行内元素公用一行。
③如果块级元素不设置宽度，那么块级元素会自动占满父元素的全部宽度。
- 块级元素和行内元素转换
通过设置其display属性，其属性值有inline，block和inline-clock