css

less 使用前准备步骤 1、npm i less --save-dev 把less源码安装到开发环境 2、npm i less-loader@6 --save-dev 安装less解析器 （★一定要

弹性盒子定义 Flex是Flexible Box的缩写，意为"弹性布局”，用来为盒状模型提供最大的灵活性。 它的作用： 它能够更加高效方便的控制元素的对齐、排列。 可以自动计算布局内元素的尺寸，无论这

一、动画animation: 动画的使用过程 移动端 头部meat标签的使用 一、移动端的使用单位 移动端的使用单位rem： 1.rem是相对根元素（html）来设置的 2.1rem就相当于是根元素原

一、2D转换：transform 它的值有： 1.translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 2.rotate()方法，在一个给定度数顺时针旋转的元素

一、边框圆角属性：border-radius: 二、盒子阴影：box-shadow: 三、ul li的样式list-style-type: 四、背景属性background-size： 五、线性渐变b

二、position ：relative; 相对自身原来的位置进行偏移（相对定位） 例：使用相对定位position: relative做出下图效果： 代码如下： 三、position : absol

解决盒子塌陷的方法： float的常用值有： left right； 清除浮动为clear: left right both（both用来清除左右浮动） 使用ul无序列表举例： 在网页中得到的结果如下

1.用ul无序列表举例，如下图： 在网页中显示的效果，如下图： 为li添加display样式让它改为行内块元素，如下图： 为li添加完样式后在页面中在同行显示，如下图：

1.margin描述 2.padding描述 3.border边框描述 4.background属性描述

一、编写css方式 二、css基础样式： 1.入门常用css样式 2.入门常用字体样式 3.入门超链接样式 4.入门超链接伪类样式