1.关于开始的结构
css样式的连接方式：有三种
1.外部样式：(1)外部链接：<link href="路径">
(2)外部导入：@important url(路径)
2.行内样式：style="属性：属性值；属性：属性值"
3.头部样式：又叫内嵌样式：<style></style>
路径 又分为绝对路径和相对路径
相对路径：相对于本文本的路径，同目录下为./ ，上一级目录为../，例如：连接上一级目录index文件里的index.html ../index/index.html
绝对路径：完整的http请求，或以网盘相分的路径，例如：https://www.jianshu.com/writer#/notebooks/28255762/notes/31868723或者file:///C:/Users/%E7%8E%8B%E7%BA%A2%E7%87%95/Desktop/node%E7%90%86%E8%AE%BA/2%E6%9C%88/%E5%B7%B2%E8%80%83%E8%AF%95%E5%8D%B7%E6%9F%A5%E7%9C%8B2.html
关于css的规则：
1.属性和属性之间用“;”隔开，属性和属性值之间用： 不区分大小写
2.后面的属性会把前面的属性覆盖 例如：div{background:red;height:20px; background:blue}
div最后的背景颜色为蓝色
3.权重值越大，优先级越高
css选择器：
1.*通配符 权重值:0 能查找所有的元素
2.div、元素选择器、标签选择器、标记选择器 权重值:1 能查找页面中所有的该标签
3.class选择器、类选择器 权重值:10 具有多样性能叠加 .自定义名称
4.ID选择器 权重值:100 #自定义名称
5.行内样式 权重会1000
6.！important 权重值10000 权重值最高没有之一
7.群组选择器 “，”表示“和” 一次性可选中多个元素
8.伪类选择器 ：a:link(默认) a:visited(访问过后) a:hover(鼠标滑过) a:active(鼠标点击) :focus(获取焦点)
9.后代选择器 “空格” 表示什么什么下 “div span”表示div 下的span
10.属性选择器[ ] :[name]表示查找拥有name的元素
11.兄弟选择器:"+":紧邻的下一个兄弟元素
"~":临近的所有的兄弟元素
12.父子关系：">"直系父子
13.img[src^="abc"] 查找以abc开头的图片
img[class$="abc"]查找类名以abc结尾的图片
img[class="abc"]查找类名包含abc的图片
:before或:after 表示之前或之后 div:after{content:""必须有（content:""）}
：nth-child()按照顺序查找子元素
：nth-last-child()按照倒叙查找字元素
：nth-of-type()按照相应元素查找
：nth-of-last-type()按照相应元素倒序查找
：nth-child()与:nth-of-type()的区别
要想让第三个li的背景变红色就要用:nth-of-type(3)
