既然font-size也可以用百分比或者em表示,而em来自于父元素的大小,那么百分比和em的功能不就相同了么?以前似乎说em表示的是默认字体的大小
在定义字体大小的时候,2em和200%是一样的效果,因为前者表示2个字符的大小,后者表示默认字体大小的两倍,效果上应该没什么区别吧。在实际开发中一般不会使用em或者百分比去定义font-size,通常使用像素大小,例如:font-size:14px;font-size:12px;font-size:20px;等等。
很有趣的问题,在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>