focus选择器：选择获得光标的表单，全部是用属性选择器做的，更多解释请查看源码大概第60行左右
nth-child(n),其中n的值可以是数字，也可以是关键字【even偶数/odd奇数】或者公式{通常情况下如果是公式，从零来时计算，如果超过了元素个数会被忽略}
2n偶数 | 2n+1奇数 | 5n 5的倍数 | n+5 从第五个开始到最后(包括第五个) | -n+5 前五个(包括第五个)
品优购快报
任何元素都可以添加浮动，添加浮动之后具有行内块元素的特性;
如果盒子没有设置宽度，默认宽度和父级一样，但是添加浮动后，他的大小根据内容来决定;
浮动的盒子之间是没有孔隙的，一个 紧挨着一个的;
通过标准文档流的父盒子来约束浮动文档流的位置。
浮动的盒子只会影响浮动盒子后面的标准文档流，不会影响前面的标准文档流
左浮动
右浮动
相对定位原来在标准文档流的位置继续占有，后面的盒子仍然泳标准文档流的方式对待它
绝对定位脱离标准文档流不占有原来的位置
固定定位不占有原先位置以浏览器可视窗口为参照点
版心右侧位置算法 {left: 50%; margin-left: 版心的一般距离;}
vertical-align: ;
baseline 默认，元素放在父元素的基线
top 把元素的底端与行中最高元素的顶端对齐
middle 把此元素放置在父元素的中间
bottom 把元素顶端与行中最低的元素顶端对齐
盒子里放图片默会有一个空隙
仅需要随便设置一个vertical-align值非默认值
white-space: nowrap; 强制一行内显示文本 mormal默认,自带换行
overflow: hidden; 溢出部分隐藏
text-overflow: ellipsis; 溢出部分用省略号显示，可以搭配overflow: hidden;食用
浮动产生的本质就是做文字环绕的效果
字体名称是汉字组成的，必须用Unicode编码来代替，否则部分浏览器会因识别不了而乱码
常见的Unicode编码： 黑体\9ED1\4F53 宋体\5B8B\4F53 微软雅黑\5FAE\8F6F\96C5\9ED1
p标签
span标签nth-child(n)先把所有的标签排列序号 然后看指定的元素
nth-of-type(1)先看指定的元素，然后把指定的元素排列序号
::before在元素前面插入[可以紧随其后加上:hover鼠标划过]
::after在元素后面插入[[可以紧随其后加上:hover鼠标划过]
中间切记不要有空格
width: calc(100% +30px); 可以使用+-*/来计算
父级元素最好不要给宽高，由自它的子集素撑开大小
盒子内的元素垂直居中
