CSS3随堂笔记

一、动画

@keyframes创建动画；

@keyframes myfirst

{

from{background:red;}

to{background:yellow;}

}

animation:动画名 2s;

animate.css扩展文件

二、

6、@media选择器

head头部添加：<meta name="viewport" content="width=device-width, initial-scale=1.0">

否则手机设备会以980px为宽度；

@media screen and (max-width:300px){ }

手机端做页面：vw单位和rem单位的使用

html的字体大小100/750*100;此处乘100是因为PC浏览器最小字体12px; 

100/750px*100  

html{

font-size: 13.333333333vw;

}

div{

width: 1rem;

}     

设计图像素/100rem