H5和css3属性(一)

1.css用于美化

2.选择器

Id 标签 class 通配符* 子代 后代  交集 伪类: 并集 属性[] 兄弟+ 相邻~ 结构nth

交集选择器

注意 标签名必须写前面

 

并集选择器 选择器之间用逗号隔开

 

 

 ---------------------------------------------------------

Transform 属性

1. 属性值是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