flexflex 是Flexible Box的缩写，意为“弹性布局”相对于一般布局更加灵活。块级元素：12345display: -webkit-box; /*chrome 4.0~43.0,safari 3.2~8.1*/display: -moz-box; /*Firfox 2.0~38.0* ...

position1position: relative | absolute | fixed; position:static静态定位。是 html 元素默认的定位方式，不设定元素的定位属性时默认的 position 值就是static，遵循正常的文档流对象，对象会占用文档空间，该定位方式下 top ...

绝对长度绝对长度单位即现实世界的度量单位。 单位 说明 in 英寸（1 in = 2.54 cm） cm 厘米 mm 毫米 pt 磅（1 pt = 1/72 in） pc 派卡（1 pc = 12 pt） q 1/4 mm 相对长度相对长度单位即另一种度量值的 ...

CSS盒模型（box model）每一个 HTML 元素都可以看作一个盒子，每一个盒子包括：外边距，边框，内边距，和实际内容。 margin：外边距。边框外的区域。 border：边框。 padding：内边距。边框到内容之间的填充部分。 content：盒子的实际内容。 外边距重叠（colla ...

像素 设备像素（device pixels，DP）：也被称为物理像素，设备屏幕上的一个个点，屏幕分辨率即设备像素。例如，iPhone8的设备像素为1334x750。 设备独立像素（device-independent pixels，DIP）：也被称为逻辑像素，计算机坐标系统中的一个点。例如，iPho ...