CSS

1.z-index：x；     x值越大，就越在上面，也就距离用户的眼睛越近。

2.box-sizing:border-box；   保证盒子不会被里面的内容撑大。

-moz-box-sizing:border-box;             /* Firefox */
-webkit-box-sizing:border-box;         /* Safari  */

3.background:linear-gradient(#aaa,#bbb,#ccc,#ddd,#eee,#fff);    背景颜色渐变。

4.opacity:0.7;  透明度。

5.在父元素里浮动元素之后加上<div style="clear:both;"></div>(只清除左边的浮动元素用clear:left，同理clear:right)解决子元素设置了浮动导致父元素背景色无法显示.(或者父元素设置好了宽度和高度其背景色就不会消失)

6.html标签内的style样式可以把css中的很多与其相关的样式掩盖住。

例如：.line:hover{background:blue};

<div class="line" style="background:red">内容</div>         

  这个div在鼠标移动到该处的时候是不会变色的。

7.父元素里的众多子元素，当某个元素用到了float:right，他只会平移到右边并对后面的元素产生影响。

8.文本域textarea默认是可以拖动调节大小，如何不需要可以在css中用resize: none;使textarea不可调。