1.css用于美化
2.选择器
Id 标签 class 通配符* 子代 后代 交集 伪类: 并集 属性[] 兄弟+ 相邻~ 结构nth
交集选择器
注意 标签名必须写前面
并集选择器 选择器之间用逗号隔开
---------------------------------------------------------
Transform 属性
- 属性值是transform()它是一个函数 平移 参数是x,y
x代表水平方向移动的距离 y代表垂直方向移动的距离 单位都是像素px
注意 如果是一个参数,代表xy都是同一个值
2.属性值是rotate() 他是一个函数 旋转 参数30deg 30度
角度 弧度 1弧度=57度
3.scale() 缩放 参数就是数字 1代表本身 0.5代表缩小0.5倍 3代表缩大3倍
4.Skew() 扭曲 倾斜 拉伸 参数30deg,60deg
--------------------------------------------------------------------------
3D空间
Perspective 视距 属性值是number注意 这个属性不添加3D元素本身,给这个元素的父级,并且这个属性前面必须带上浏览器自身的前缀
浏览器之间为什么差异,是因为他们之间的内核不同,谷歌的内核是webkit,所以前缀是-webkit- ie的前缀是-is- 火狐的是-moz- 国内浏览器的内核都是webkit