CSS小知识

快捷键

1、快速创建多个div(或其标签)：div*n + tab

多个带名为xx的class的div：div.xx*n + tab（推论：多个带名为oo的id的div就是把逗点. 换成#）

2、div.oo+div.xx TAB = 

碎知识

1、用CSS画三角形：border设较大，content设置为零，另外三条边框设为transparent（.div {background: rgba(0,0,0,0.5);}） 把最后一个参数设置为0就可以了

2、会用CSS画圣诞树了~

3、盒子与盒子：margin；盒子与文字：padding

4、终于知道用margin居中的原理了……

5、父子div的marginCollapse（边界重叠）

解决：1.父div加一个border；

　　　2.父div加一个overflow：hidden；

　　　3.父div加padding；

　　　4.父或子div加float；（重叠只适用于普通元素，对浮动元素不起作用）

　　　5.父且子div加display：inline-block；

　　　6.子div加display：inline-block；

* CSS手册~

6、字体设置可用一行显示，但要按照规定顺序。