3个内容:pseudo-class和pseudo-element的异同...
伪类:当用户将鼠标悬停在元素上时为其设置样式;样式访问和未访问的链接不同;在获得焦点时设置元素的样式
伪元素:设置元素的第一个字母或行的样式;在元素内容之前或之后插入内容
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
。