这是我参与「第四届青训营 」笔记创作活动的第1天
CSS介绍
层叠样式表
作用：给html标签设置样式
三种css的书写位置
内嵌式
css写在style标签中，style标签一般写在head标签里面，title标签的下面
作用范围：当前页面
使用场景：小案例、小demo
外联式
css写在单独的.css文件中，需要配合link标签引入
作用范围：多个页面（谁引入、谁就生效）
使用场景：项目中使用
行内式
css写在标签的style属性中
作用范围：当前标签
使用场景：配合js一起使用
基础选择器
作用
选中页面中对应的标签（找她），方便后续设置样式（改她）
标签选择器
结构：标签名{css}
作用：通过标签名找到页面中所有这一类标签，设置样式
注意点：
1、找的是一类标签，不能单独找到某一个,不能差异化设置，不能造标签。
2、标签选择器无论嵌套关系有多深，都能找到对应得标签
类选择器
结构：类名{css}
作用：找到页面中所有带有该类名标签，设置样式
注意点：
1、所有的标签都有class属性，class属性的属性值就叫做类名
类名得命名规则：
由数字、字母、下划线、中划线组成，但是不能以数字或者中划线开头
命名尽量有意义
2、一个标签可以有多个类名，类名之间通过空格隔开
3、一个类选择器可以同时选中多个标签
id选择器
结构：#id属性值{css}
作用：找到页面中带有该id属性值得标签，设置样式
注意点：
1、id属性值相当于是身份证号码，在一个页面中是唯一的，不可重复的！！！
2、一个标签上只能有一个id属性值
3、一个id选择器只能选中一个标签
复合选择器
后代
作用： 选择所有的后代标签, 儿子, 孙子,重孙子...
写法：空格
子代
作用：选择儿子标签
写法：>
并集
作用：选中多组标签设置相同的样式
写法：逗号
交集
作用： 既选中是某个标签又选中对应的类
写法: 连着写 div.box
注意点：
如果选择器当中有标签选择器，标签选择器放在第一位
伪类
作用：鼠标悬停状态
写法：:hover
