本文深入解析了CSS中的伪类与伪元素的区别及应用，包括如何为鼠标悬停状态设置样式，如何区别访问过的链接样式，以及如何在元素前后插入内容。同时，文章还介绍了CSS的颜色设置方法，包括命名颜色、十六进制、HSL和RGB模式，并解释了CSS单位如px、百分比、cm、mm等的使用场景。
伪类：当用户将鼠标悬停在元素上时为其设置样式；样式访问和未访问的链接不同；在获得焦点时设置元素的样式
伪元素：设置元素的第一个字母或行的样式；在元素内容之前或之后插入内容
1.pseudo-class和pseudo-element的异同
相同点：两者均以selector或者selector.class的形式开头。
不同点：pseudo-class的操作对象是文档树中已有的元素，而pseudo-element则创建了一个文档数外的元素。
pseudo-class只有一个冒号，pseudo-element有两个冒号
2.CSS的color设置与调色板
color：有多种表示方法
直接命名 named-color；
十六进制 hex-color；
色相，饱和度，明度 hsl()；
rgb色彩模式 rgb()
hsl与rgb均有四个参数，前三位表示某种特定颜色，最后一位改变透明度。
3.CSS Unit
主要了解长度单位
px：一个像素，对于屏幕显示，它传统上代表一个设备像素（点）。
百分比：相对于包含块
cm：一厘米。1cm= 96px/2.54。
mm：一毫米。1mm= 1/10 1cm。
in：一英寸。1in= 2.54cm= 96px。
pc：一个异食癖。1pc= 12pt= 1/6 1in。
pt：一点。1pt= 1/72 1in。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
