font-family:字体，后面一般有多个属性，表示为候选项。
em相对与父级元素而言，默认为16px，如果是默认的话是1em=16px;
如果父级是24px；而子级别的设置为2em，则是48px；
rem是相对与body而言的，常应用移动端。
7-21
块元素是占据整行的，高度由里面的内容（如果高度没有设置的话）所撑高，非替换行内元素em,var,strong,a的高度是由行高所决定的，宽度是由内边的内容所田宽，所以非替换行内元素设置的宽高都不生效，垂直方向的margin也不生效。
替换元素（img, input）是可以设置宽高，垂直方向上的margin也是生效的。
块之间的左右外边距相加，上下外边距却去最大值（未浮动），如果是已经浮动，上下外边距还是相加。
display:none：元素已经消失，不占空间
visibility:hidden:元素隐藏，占据空间
标准模式下：width=content+padding+border+margin;设置的宽width=content
怪异模式下：width=content+margin;设置的宽度width=border+padding+content
7-22
float：
行内元素浮动后，变成块元素，可以设置宽高，跟垂直方向上的margin,padding；
如果要浮动的话，前面一个兄弟元素也要浮动，否则会导致内容环绕。
在编辑时确定的width和height是内容的width和height，而在浏览器中，我们确定一个块的时候，往往要给的是一个盒子的宽度高度等等。清除浮动的话，一般确定一个类为clearfix然后在父元素中加入该类，在css中写clearfix{
*zoom:1;(表示ie7一下版本使用，触发IE的布局属性haslayout)
}
clearfix：after{
clear:both;content:"";visibility:hidden;
display:block;font-size:0;height:0;
}