安装npm install -g less 转换 文件+转换后文件名字 (会在当前文件夹生成文件)lessc styles.less styl...

一个class 样式库 使用的时候只要套上它内置的class就能实现效果 使用Bootstrap1、npm install bootstrap ...

1、块级元素布局是 从上到下 垂直方向 、行内布局是 从左到右 水平方向 、Flex是与方向无关的2、flex布局可以实现空间自动分配、自动对齐...

{box-sizing: border-box;}.container {margin: 0 auto;}@media (min-width: ...

width 浏览器宽度height 浏览器高度device-height 设备分辨率的高度值device-width ...

@media(max-height:700){}响应式布局-自适应布局 不同的设备 不同的窗口大小 展示不同的CSS就是媒体查询1、两套代码 ...

使用动画div: hover {animation: 1s 1s 动画名 infinite|| 3(次)forwards rever...

transform: rotate(360deg,180deg) 旋转 x y 单位度transform: scale(2,3)...

transition: all 1s ease(默认不用写);1针对什么元素 2几秒 3缓动状态 linear 匀速ease-in 加速ease...