桃花兰岛主

box-sizing content-box 内容盒：以内容为盒子的边界（宽高度） border-box 边框盒：以边框为盒子的边界（宽高度） CSS 盒模型分两种： 一种是content box，也

内联 > ID选择器 > 类选择器 > 标签选择器。 优先级是由 A 、B、C、D 的值来决定的，其中它们的值计算规则如下： 如果存在内联样式，那么 A = 1, 否则 A = 0; B 的值等于 I

一些概念 屏幕尺寸：用对角来计算。1英寸=2.54厘米 像素：硬件和软件所能控制的最小单位。 屏幕分辨率：一个屏幕具体由多少个像素点组成 物理像素：设备的像素点个数 逻辑像素：让n个像素当一个像素使用

vh:视口高度的1/100 vw:视口宽度的1/100 rem:相对于根节点的font-size em：相对于夫元素的font-size

伪类 当已有元素处于某种状态时，为其添加对应的样式，比如:hover。因为处于 dom 树无法描述的状态，所以称为伪类 :hover :link(未访问) :active(已激活) :visited(

隐藏不占位 display hidden 设置尺寸 position 隐藏占位 opacity transform 或 visibility 颜色透明 clip-path css隐藏元素的9种方法 你

scale 我们发现Chrome/Safari都变虚了，只有Firefox比较完美看起来是实的而且还很细，效果和直接设置0.5px一样。所以通过transform: scale会导致Chrome变虚了

HTML H5新特性 CSS BFC 三栏布局 垂直水平居中 盒模型 CSS3新特性 选择器优先级 css属性继承 移动端适配 长度单位：px、rem、rem等 如何画一条0.5px 隐藏元素 伪类和

手写函数 生成随机6位验证码（必须同时有大小写字母，数字） 手写函数 生成随机6位验证码（必须同时有大小写字母，数字）