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 为负值：可以增加元素的宽度；
网友评论