課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
既然font-size也可以用百分比或者em表示,而em來自于父元素的大小,那么百分比和em的功能不就相同了么?以前似乎說em表示的是默認字體的大小
2015-03-22
源自:初識HTML(5)+CSS(3)-升級版 15-1
正在回答
在定義字體大小的時候,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>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答font-size:12px與font-size=12px什么區別
5 回答怎么理解div{font-size:0;} a,span,em{font-size:16px;}?
4 回答rem和em和px的區別
6 回答font-color和color的區別
4 回答*{color:blue;font-size:20px;}和body{color:blue;font-size:20px;}
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-03-23
在定義字體大小的時候,2em和200%是一樣的效果,因為前者表示2個字符的大小,后者表示默認字體大小的兩倍,效果上應該沒什么區別吧。在實際開發中一般不會使用em或者百分比去定義font-size,通常使用像素大小,例如:font-size:14px;font-size:12px;font-size:20px;等等。
2015-03-22
很有趣的問題,在font-size里面是沒什么區別的,em是測量單位來的,在font-size表示默認字體的倍數,百分百也是表示默認字體的百分比,不過在其他代碼也就不一樣了。
比如在text-index(首行縮進):2em(縮進2字符);和text-index:200%(縮進200%);效果是不一樣的。
(代碼如下:)
所以,人們為了便于記憶,一般設置為em,來代表字符的大?。ɑ蛘呤潜稊担?
如果覺得我說的好,請給個贊吧?。?!