font-size:（可继承）chrome 默认16px，最小可显示12px，所有字体设置为双数，px：绝对,em：相对于父级，rem:相对于根
浏览器字体小于12px解决方案
transform:scale()属性只可以缩放可以定义宽高的元素，而行内元素是没有宽高的
加上一个display:inline-block;<br>
css可继承属性
字体
font
font-family:规定元素的字体系列
font-weight：设置字体粗细
font-size：设置字体大小
font-style：定义字体风格
font-variant：设置为小型大写字母的字体显示文本
文本
text-index:文本缩进，
line-height:行高
word-spacing：增加或减少单词间的空白（字间隔）
letter-spacing:增加或减少字符间的空白（字间距）
text-transform：控制文本大小写
direction：规定文本的书写方向
color：文本颜色
text-align:文本水平对齐center，left，right
元素可见性：visibility
表格布局属性：caption-side、border-collapse、border-spacing、empty-cells、table-layout
列表属性：list-style-type、list-style-image、list-style-position、list-style
光标属性：cursor
页面样式属性：page、page-break-inside、windows、orphans
声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、 speech-rate、volume、voice-family、pitch、pitch-range、 stress、richness、、azimuth、elevation<br><br>
所有元素可继承的属性：visibility、opacity，cursor
内联元素可以继承的属性:1、字体系列属性 2、除text-indent、text-align之外的文本系列属性
块级元素：text-index,text-align
块级元素和行内元素
块级：默认空间是一行，可以设置宽高任然占据一整行
行内：默认空间是内容的大小，默认不可以设置宽高，同一行显示；
浮动
float:脱离文档流，释放原位置不完全脱离，只是盒子脱离内容会被挤下来，解决水平排列
缺点：造成父元素的塌陷。
解决方法：
给父元素设置高度
在父元素结束前添加一个div class="clear" .clear{clear: both}
overflow：hidden；
添加一个类clearfix
盒子模型
标准盒模型
content内容（width）+内填充padding+边框border+外边距margin
IE盒模型
width为总宽度，content会自动计算
box-sizing:border-box;(chrome执行IE盒模型)
rest.css normalize.css 的区别
rest.css 粗暴的将几乎所有的浏览器默认样式修改统一
narmalize.css保留了有用的默认样式
