1. 什么是CSS
CSS，层叠样式表。用来控制HTML标签的样式，在美化网页中起到非常重要的作用。CSS编写是键值对的形式，如color:red、font-size:20px。
2. CSS的3中书写形式
- 行内样式 （直接在标签的style属性中书写）
<body style="color:red;"> </body>
- 业内样式 （在本网页的style标签中写,style标签放在header标签里）
<style>
body {
color:red
}
</style>
- 外部样式 （在单独的CSS文件中书写，然后在网页中用link标签引用）
<link rel="stylesheet" href="index.css">
注意：CSS样式规律：
相同类型选择器的相同样式，按“就近原则”使用
相同类型选择器的不同样式，按“叠加原则”使用
不同类型选择器之间有优先级别限制 （选择器权值相加）
important > 行内 > id选择器 > 类 | 伪类 | 属性选择 | 伪元素 > 标签 > 通配符 > 继承
| 选择器 | 权值 |
|---|---|
| 通配选择符 | 0 |
| 标签选择器 | 1 |
| 类选择器 | 10 |
| 属性 | 10 |
| 伪类 | 10 |
| 伪元素 | 10 |
| id选择器 | 100 |
| import | 1000 |
3.HTML标签类型
HTML有多个标签类型，根据显示的类型，主要分为3大类
- 块级标签
独占一行的标签，能随时设置宽高。如（div, p, h1, h2, ul, li）。 - 行内标签
多个行内标签能同时显示在一行，宽高取决于内容的尺寸。如（span, a, label）。 - 行内-块级标签
多个行内-块级标签能同时显示在一行，能随时设置宽高。如（input, button）。
4.修改标签类型
CSS里面有个标签属性display，可以改变标签类型
- none：隐藏标签
- block：让标签变为块级标签
- inline：让标签变为行内标签
- inline-block：让标签变为行内-块级标签
