@keyframes donghua【设置关键帧】
animation-iteration-count【执行次数】
(infinite表示执行无限次数)
animation-direction【播放方向】
normal【循环向前播放】
alternate【偶数次向前播放】
移动端
rem是相对根元素html来设置的 【rem是移动端使用的单位】
例如: style="font-size:20px"> (那就表示 1rem=20px)
em是相对父元素来设置 (同上理 1em=20px)
但是em有局限性,父元素变了,em所相应的px,也就变了
响应式布局之媒体查询
【实现div在屏幕不同大小的情况,显示不同的的颜色】
响应式布局
语法: @media screen and (max-width:700px) and (min-width:500px){ div{background-color:bule} }
语法:@media all and (max-width:600px){ul li{float:none...}}
【注意】→ 响应式的样式要放在最后
all【代表所有的屏幕】
only screen【代表仅有电脑屏幕支持】