什么是CSS
类似于给人穿一些衣服，进行包装。给不好看的页面，通过大小，颜色等等属性，使其好看。
专注于样式，区别与之前的html（专注于内容），两者相辅相成。
CSS三种引用方式
行内样式表（用的不多）
在标签内通过 style="属性：属性值"进行样式
例：
<input type="number" style="width:300px" >
优点：
书写方便，权重高
缺点：
没有实现样式与结构分离
内部样式表（使用较多）
例：
<head>
<style>
div {
color:#06C;
font-size:14px;
}
</style>
</head>
外部样式表
创建一个.css为后缀的文件，通过link标签将外部样式表连接到.html文件中
例：
.html文件中
<head>
<link rel="stylesheet" href="css文件路径">
<link rel="stylesheet" href="../css/text.css">
</head>
.css文件中
tr{
background: green;
}
属性：
rel：当前文档与连接文档的关系，stylesheet表示被链接的是一个样式表文件
href：外部引用文件的地址，这里就是外部样式表的地址
样式优先级
行内样式>内部样式>外部样式>浏览器
就近原则：
谁离标签进，标签就听谁的
CSS选择器
基本选择器
1.标签选择器
标签名｛属性1：属性值1;｝
例：
li｛
color:red;
｝
优点：
能够快速统一相同标签样式
缺点：
不能差异化样式
2.类名选择器
.类名｛属性:属性名;｝
例：
style中：
.SS{
color: rgb(187, 228, 23);
}
body中：
<ul>
<li class="SS">不识庐山真面目，只缘身在此山中</li>
</ul>
可以有多个类，同样遵循就近原则
id选择器
例：
<li id="SS">不识庐山真面目</li>
与类选择器用法相似，但是id值是唯一的，同一页面中只能使用一次，但是class能使用多次
通配符选择器
*｛属性:属性值;｝
例:(清除所有的默认边距)
* {
margin: 0;
padding: 0;
}
会匹配页面所有元素（不建议随便使用）
