font-size中的em和百分比的区别是什么呢
既然font-size也可以用百分比或者em表示,而em来自于父元素的大小,那么百分比和em的功能不就相同了么?以前似乎说em表示的是默认字体的大小
既然font-size也可以用百分比或者em表示,而em来自于父元素的大小,那么百分比和em的功能不就相同了么?以前似乎说em表示的是默认字体的大小
2015-03-22
很有趣的问题,在font-size里面是没什么区别的,em是测量单位来的,在font-size表示默认字体的倍数,百分百也是表示默认字体的百分比,不过在其他代码也就不一样了。
比如在text-index(首行缩进):2em(缩进2字符);和text-index:200%(缩进200%);效果是不一样的。
(代码如下:)
所以,人们为了便于记忆,一般设置为em,来代表字符的大小(或者是倍数);
如果觉得我说的好,请给个赞吧!!!
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ font-size: 12px; } div{ font-size: 16px; width:100px; } .test01{ text-indent: 2em;; } .test02{ text-indent: 200%; } </style> </head> <body> <div> <p class="test01">sdfalsdfsdfa</p> <p class="test02">sdfalsdfsdfa</p> </div> </body> </html>
举报