----关于css中常见单位----

1.px

像素，绝对单位长度，可设定固定的长度大小。（像素是相对于显示器屏幕分辨率而言）

所有浏览器都显示为一样大小。

 

eg：

　　html:

　　　　<p>这是一段正常段落</p>
　　　　<p class="change">这是一个设置了大小为30像素大小的段落</p>

 

　　css:

　　　　p.change{font-size:30px}

 

效果如图：

 

 

 

2.em

值不固定，相对单位长度，会继承父级元素的字体大小。

em是以字为单位，1em是占一个字符的宽度，大小随着字符的字号而变化。

 

eg:

　　html:

　　　　<p>这是一段正常段落</p>

　　　　<p class="change">这是一个设置了大小为1.3em的段落</p>

 

　　css:

　　　　p.change {font-size:1.3em;}

 

效果如图：

 

 

3.rem

rem是CSS3新增的一个相对单位（root em，根em）

这个单位与em的区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

 

4.fr

剩余空间分配数

fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。