1.外部样式表
解决多页面重复问题；有利于浏览器缓存，从而提高页面响应速度；有利于代码分离
<link rel="stylesheet" href="css文件路径"/>外部样式表一般写在<head>中
2.颜色属性表达
rgb( , , ) ，hex( , , )16进制 括号中分别对应红绿蓝的值，也可以直接写十六进制代码
这里有rgb颜色值与十六进制颜色码转换工具链接
3.每个元素都必须有字体大小(font-size)，如果没有声明，则直接使用父元素的字体大小，如果没有父元素（html）则使用基准字号(浏览器默认),其中：
i,em元素默认样式为倾斜字体，<strong>元素表示重要不能忽视的内容(加粗)
4.text-decoration 文本修饰，给文本家线（下划线，可以取none）<del>错误内容，<s>表示过期内容
text-indent 文本缩进
5.text-align元素内部文字水平排列方式（left，right，center）
6.letter-space 文字间隙
7.选择器（重点）
*{通配选择器}
[属性]{属性选择器}
伪类选择器（选中某些元素的某种状态）
☆☆☆爱恨法则☆☆☆
①link元素 （未访问时的状态）
②visited元素（访问后的状态）
③hover元素（鼠标悬停时的状态）
④active（鼠标点击时的状态）
love，hate，所以叫爱恨法则吧
8.层叠——解决声明冲突的过程，浏览器自动处理（权重计算）
☆☆☆权重计算☆☆☆
a.比较重要性（从大到小）
作者样式表中的！import样式 >作者一般样式表>浏览器默认样式表
b.比较特殊性 （选择器）
总体规则：选择器选择范围越狭窄就越特殊
具体规则：通过选择器，计算出一个四位数（类似自然数中的4位数）
☆千位：如果是内联样式，记1 否则为0
☆百位：选择器中所以id选择器的数量
☆十位：选择器中所有类，属性，伪类选择器的数量
☆个位：选择器中所有元素，伪元素选择器的数量
c.比较源次序（代码书写的靠后的优先）
9.常见的重置样式表：normalize.class , rest.class , meyer.class
重置样式表>浏览器默认样式表
10.属性计算过程
①确定声明值②层叠冲突③使用继承④使用默认值
补充：
伪类—— 是添加到选择器的关键字，指定要选择的元素的特殊状态。
伪元素——是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。
更多的选择器——
first-child：选择第一个子元素
last-child
nth-child：选中指定的第几个元素（even相当于2n，偶数；odd相当于2n+1，奇数）
nth-of-type：选中指定的子元素中的第几个某类型的元素
伪元素选择器——
first-letter：选中元素的第一个字母
first-line：选中元素中第一行的文字
selection：选中被用户框选的文字
来源：CSDN
作者：JC花儿
链接：https://blog.csdn.net/weixin_45699919/article/details/104616200