CSS那位大神帮我讲解下括号里代表什么意思,谢谢

html-css06

CSS那位大神帮我讲解下括号里代表什么意思,谢谢,第1张

第一行的CSS含义是,为class属性值为clearfix的元素之后添加一个英文的点号"."

:after是一个伪元素,一般用来在选定的元素之后添加生成的内容即括号内content生成的内容,并设置样式。

第二行不完整,根据你提供的,只能表示为某元素设置背景图,背景图地址未设置。

不会

今日学习内容:2D转换之位移、旋转(包括旋转原点的设置)、缩放、倾斜;3D转换之位移、旋转、缩放、倾斜。

总结如下要点:

(一)2D转换

(若想看到变换效果,要给图形的盒子设置过渡transition:3s)

1.位移

语法=>transform:translate(x,y)

其中x表示水平方向的位移(即左右),y表示垂直方向的位移(即上下)。

括号内最多只能有2个值,当只有1个值的时候表示水平位移。

值的大小可以为正数,也可以为负数。当值为负数的时候向反方向移动。

值的单位可以为像素(如100px,-100px),也可以为百分比(如50%,-50%)。当值用百分比来表示的时候,参照的是元素translate所在盒子的大小。

translate属性不脱标!

2.旋转

语法=>transform:rotate()

括号内表示旋转的角度,必须使用单位deg。

当括号内的值为正数时,表示顺时针旋转;为负数时,表示逆时针旋转。