摘要：
position的取值主要有如下图： 官方给出的总是不那么容易懂得，所以有了以下简洁易懂的总结： relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处于文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层容器设 阅读全文
摘要：
1.浮动产生的原因 一般来说一个盒子使用了CSS float 浮动属性，导致父级对象盒子不能被撑开，这样浮动就产生了。简单地说，浮动就是因为使用了float属性而产生的 2.浮动产生的负作用 由于浮动产生，如果对父级设置 background背景属性，而父级不能被撑开，所以导致CSS背景不能显示 如 阅读全文
摘要：
方法一：使用transform属性 方法二：未知父元素高宽 方法三：使用Flex 方法四：使用table-cell，vertical-align:middle 阅读全文
摘要：
1.Flex布局基本概念 采用Flex布局的元素，成为FLex容器，简称“容器”，它的所有制子元素自动成为容器成员，称为Flex项目（flex item）,简称为“项目”容器默认存在两根轴：水平的主轴（main axis)和垂直的交叉轴（cross axis） 主轴的开始位置（与边框的交叉点）叫做m 阅读全文
摘要：
1.正则表达式 元字符 \ 转义符，将下一个字符标记为一个特殊字符，如 \n 匹配一个换行符。'\\'匹配 '\' ^ 匹配输入字符串的开始位置 $ 匹配输入字符串的结束位置 * 匹配前面的子表达式零次或多次 + 匹配前面的子表达式一次或多次 ? 匹配前面的子表达式零次或一次 {n} n是一个非负整 阅读全文