HTML+CSS基础04

1.伪类（在某种状态下）选择器：
针对超链接：
link：还没有访问之前
visited：访问过后
hover：鼠标滑过时
activity：鼠标点击时
·伪类中除了hover其他都针对超链接
·如果link没生效，需要清理浏览器内存
·如果同时对超链接设置四种状态，则必须严格执行书写顺序：
link-visited-hover-activity
可以简单记成爱恨法则（love hate）
2.“ * ”称为通用选择器，其权重值为0，*{magin:0;padding:0}->去掉标签自带的内边距和外边距
3.后代选择器
后代选择器
格式：
选择器 选择器 选择器{
}
·选择器的个数不限，但每一层选择器之间要用空格隔离开
·选择器的种类不做限制，只要能选择到该元素即可
·选择器之间可以跨代，不必一层层嵌套
·后代选择器权重值为其所有选择器权重值之和
4.群组选择器
如果想要给几个选择器设置一样的样式，则可以采用群组选择器
格式：
选择器，选择器，选择器{
}
·选择器个数不做限制，选择器之间用“，”隔开
·选择器种类不限制，只要能选择到该元素
·权重值个算个的，不叠加
5.各个选择器权重值
行内样式：1000
id选择器：100
class选择器/伪类选择器：10
标签选择器：1
通用选择器：0
·权重值越高，优先级越高，样式优先显示，权重值相同采用就近原则
·后代选择器权重值是各个选择器权重值之和
·群组选择器权重值是各自的，与其他选择器没有关系
通俗来讲：
·谁选择的更加精确则谁优先显示
·权重值相同时，因为代码一条条加载，所以后面的会覆盖前面样式而最终显示出来
6.css属性
font-size：字体大小 默认为16px
font-weight：bold（加粗）/100-900/100-300显示偏细/400-500显示正常/600以上显示加粗/normal去掉加粗
font-family：字体1，字体2；可以写多个字体，字体之间用逗号隔开，多个字体浏览器会从左向右检索，找到则显示，如果全部都没有找到，则显示默认样式；
font-style：italic倾斜/normal（正常）去掉倾斜
text-decoration：underline下划线/line-through删除线/overline上划线/none（去掉下划线）（a标签自带下划线）
letter-spacing：数值px
·汉字之间的距离
·字母之间的距离
word-spacing：数值px
·单词之间的距离
·实际实现原理是检索空格，然后扩大空格间距
list-style-position：inside有序列表

2021.4.17