css1.2笔记

html5

1. header：头部标签

2. nav：导航标签

3. article：内容标签

4. section：定义文档某个区域

5. aside：侧边栏标签

6. footer：尾部标签

7. audio音频标签

8. video视频标签

9. input类型
   10.表单属性

css3

属性选择器

伪类选择器

伪元素选择器

css3 盒子模型

通过box-sizing来指定盒子模型，content-box（width+padding+border 默认）、border-box（width）
用border-box，padding和border就不会撑大盒子了 （前提是padding和border不会超过width宽度）

css3 滤镜 filter

filter css 属性将模糊或颜色偏移等图形效果应用与元素。
filter：函数（）； 例如：filter：blur（5px）；blur模糊处理，数值越大越模糊。

css3 calc函数

width：calc（100%-80px）；

css3 过渡

transition：谁做过渡给谁加如果想要写多个属性 用，隔开；如果所有属性都要过渡写一个all就可以。

css3 2D转换（transform）

translate移动

transform：translate（x，y）；

2D旋转 （rotate）

transform: rotate(50deg);

2D转换中心点 （transform-orign）

transform-origin：x,y;

2D转化之缩放scale

transform：scale（x，y）；
x，y写的是倍数；
不影响其他盒子

2D转换综合写法

css3 动画（ainmation）

1.先定义动画 @keyframes

1. 可以做多个keyframe关键帧
2. 里面百分比是整数
3. 里面百分比就是总的时间的划分

2.调用动画 animation-name

animation-duration：2s；持续时间

动画常用属性

css 3D 转换

3D移动 translate3d

3D 透视perspective

近大远小 透视写在被观察物体父元素上

3D旋转 rotate3d

左手法则

transform-style

浏览器私有前缀

额外

opacity 透明度

以上都是学习黑马pink老师课程的笔记