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:一厘米。1cm96px/2.54

 mm:一毫米。1mm= 1/10 1cm

in:一英寸。1in2.54cm96px

pc:一个异食癖。1pc12pt= 1/6 1in

pt:一点。1pt= 1/72 1in

posted @ 2018-10-22 19:10  xiajie9  阅读(131)  评论(0编辑  收藏  举报