1.设置背景background-clip为text，能做出用背景填充字体

background:linear-gradient(top,#eee,#aaa 50%,#333 51%,#000);
-webkit-background-clip:text;
color:transparent;

2.定位为absolute时，clip的值为rect时，能起到剪裁定位层的效果

clip:rect(auto 50px 20px auto)

说明：上边不剪切，右边从左起第50个像素开始剪切直至最右边，下边从上起第20个像素开始剪切直至最底部，左边不剪切

3.box-shadow中有inset时，则显示的内阴影

box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .6) inset;

4.margin折叠常规认知：

margin折叠只发生在块级元素上；
浮动元素的margin不与任何margin发生折叠；
设置了属性overflow且值不为visible的块级元素，将不与它的子元素发生margin折叠；
绝对定位元素的margin不与任何margin发生折叠；
根元素的margin不与其它任何margin发生折叠；

5.border-style有个hidden,可以隐藏边框

border:3px hidden #000

6.fontawesome字体图标的一些认知：

.改变图标大小：fa-lg、fa-2x、fa-3x、fa-4x、fa-5x
.固定图标的宽度：fa-fw
.列标组(放在相应的ol、li样式中)：fa-ul、fa-li，已勾选：fa-check-square;未勾选：fa-square
.图标边框与浮动：fa-border、fa-pull-right、fa-pull-left
.图标rotate：fa-spin，分8步跳动动画：fa-pulse
.图标旋转：fa-rotate-*、fa-flip-horizontal、fa-flip-vertical
.二个图标包含：fa-stack、fa-stack-1x、fa-stack-2x