day02
老师所讲内容
伪元素选择器
伪元素以"::"开头，用在选择器后，用于选择指定的元素。
::after 选中之后的不存在的节点，可配合content属性进行内容填充
::before 选中之前的不存在的节点，可配合content属性进行内容填充
::first-letter 选中第一个文本字符
::first-line 选中第一行文本
::selection 选中用户在选择的时候的文本
CSS级联
1.在属性值后边使用!important修饰。使用 !important修饰的声明优先级最高。
2.如果有多个!important修饰或者都没有!important修饰，
那么比较选择器的特性值。特性值越高的优先级越高。
style属性内 1000
ID选择器 100
类选择器，伪类选择器，属性选择器 10
标签选择器，伪元素选择器 1
其他 空格>+~ 0
3.如果特性值一样，那么按照代码的先后顺序确定优先级。
越靠后的优先级越高，后面的覆盖前边的声明
CSS继承（Inheritance）
CSS中有些规则将会默认被子元素继承，有些则不会。
可继承属性：font系列属性、文本系列属性、列表系列属性、cursor、visibility等
不可继承属性：margin、padding、border等
CSS提供了三个特殊的值用来处理继承
inherit 继承父元素的样式
initial 不继承。应用浏览器的默认样式
unset 不设定，表现该规则本来特性，即如果该规则具有继承属性则继承，否则不继承。
颜色
颜色单词
#ffffff
rgb(0,0,0)
rgba(0,0,0,0.4)
hls(120,100%,50%)
hlsa(120,100%,50%,0.5)
了解
HSL函数中，第一个参数色调，取值是0-360之前，0是红色，120是绿色，240是蓝色
第二个参数是饱和度，0-100%,0% 意味着灰色，而 100% 是全彩，越来越饱和
第三个参数是亮度，0-100%,0% 意味着黑色，而 100% 是白色,越来越亮 /
/ background-color: hsl(240, 100%, 50%); /
/ background-color: hsla(240, 100%, 50%, 0.5);
尺寸
绝对单位 px mm cm in
相对单位
em(1em=16px,可根据网页字体大小发生变化)
rem(1rem=16px)
百分比
注
- pre标签中的内容会原样展示在浏览器中
- 字体有两种：
（1） 字体网 在线字体文件，
（2） 字魂网 本地字体文件
3.ctrl+f 查找
