1.外部引用字体样式：

@font-face{ font-family:“字体名字”；src:url('字体文件的路径') }

body{ font-family:“字体名字” }；

2.关于line-height:

line-height:150%:计算好line-height的值，然后把此值继承给子元素;

line-height:1.5: 行高是父元素font-size的1.5倍，如果父级没有设字体大小 则一级一级向上找 直到body；

3.左右滚动条的布局

必须：position:absolute;

4.font属性

font: normal(bold) 12px/28px "字体"；

字体项可以为空 “”代表继承父级的字体样式，至少写为：font: 12px "";

6.文字超出隐藏：

父{ overflow:hidden;text-overflow:elipsis; } 子{ white-space:nowrap; }

7.text-align:center; 对子级的图片也有用，只要图片不设置display:block;

Fixfox 下图片放在 div中，会有空白区域 。解决：img{ display:block; }

8.float属性 相当于给元素设置 display:inline-block;

9.hover+ 

10.margin 为负值：可以增加元素的宽度；