多列布局，响应式布局-媒体查询，em与rem，过渡，旋转

 多列布局

 

 

 

 

响应式布局-媒体查询

 屏幕最小宽度为1000px的时候，变黄色

 

 竖屏显示

 横屏显示

 em与rem

 

 适用于任何手机界面公式，这个公式随着fontsize值的变化而变化

 

vx和vh  是视口的宽度和高度

 

 线性渐变linear-gradient

 deg可以在控制台调整渐变颜色

 径向渐变radial-gradient

 过渡属性transition,all可以单独改成其他的属性比如高，宽等

 

 transitin的4个值

速度的代码

 

 菜单ul的过渡，overflow：hidden;高度设置为零，当鼠标移动到div变化成200px

变形 transfrom：变形到的位置translate ()

transform:scale(变形的倍数)

 

之前变大默认的是从中间放大，这个属性设置从那边放大 transform-origin:从哪边放大

 旋转transform：rotate ()

 deg是角度的意思