仰柔川

伪类：单冒号 :已有元素处于某种状态时为其添加对应的样式 伪类并不改变任何DOM内容 伪类的效果可以通过一个实际的类来达到状态伪类：:active、:focus、:hover、:link、:visited、 结构化伪类：:first-child:last-child:root:nth-child(n):nth-last-child(n) //n的起始值...

标准盒模型widtht指content的width 一个块的总宽度为：width(content)+padding+border+margin 设置box-sizing: border-box转为怪异盒模型 (常用) IE/怪异盒模型width指content+padding+border 一个块的总宽度为：width(content+padding+border) + ma...

fixed(固定定位)：相对于浏览器窗口进行定位，是固定的，即使窗口滚动它也不会移动absolute(绝对定位): 相对于离它最近且定位不是static的父元素进行定位，若没有则相对于浏览器窗口，随窗口的滚动而滚动relative(相对定位)：相对于自身进行定位，不脱离文档流，会对其余文档产生影响区别fixed和absolute均会脱离文档流，relative不会脱离文档流 在有...

text-align: center; 实现水平居中 margin: 0 auto; 实现水平居中 display:table-cell;vertical-align:middle；实现垂直居中 父相子绝（position设置）实现水平垂直居中 弹性布局 （display: flex）实现水平垂直居中视情况选择不同的方式一：行内元素在父级元素内水平垂直居中行内元素水平居中：...

浮动作用：用来解决图片和文字排版问题 原理：浮动的框向左或右移动 直到它的边缘碰到包含框或另一个浮动框为止 特点 脱离文档流 浮动元素会自动生成一个块级框 而不论其本身是何种元素 浮动会使行内元素转化为块元素 其宽高属性起作用 fixed,absolute和float同样是脱离文档流但是前者不影响其他元素的正常布局，但float会影响其他元素布局，其他元素...

空格：为后代选择器无空格：交集选择器>：子代选择器，：并集选择器+：相邻兄弟选择器~：普通兄弟选择器