首頁 >web前端 >css教學 >css怎麼讓字體更大

css怎麼讓字體更大

王林
王林原創
2020-11-11 14:18:343099瀏覽

css讓字體更大的方法:可以利用font-size屬性來設定字體的大小,如【font-size:12px】。要注意的是,font-size屬性設定的是字體中字元框的高度。

css怎麼讓字體更大

本教學操作環境:windows7系統、css1版,此方法適用於所有品牌電腦。

相關推薦:CSS教學

css讓字體更大

font -size 屬性可設定字體的尺寸。

此屬性設定元素的字體大小。注意,實際上它設定的是字體中字元框的高度;實際的字元字形可能比這些框高或矮(通常會矮)。

各關鍵字對應的字體必須比一個最小關鍵字對應字體高,且要小於下一個最大關鍵字對應的字體。

可能的值:

xx-small
x-small
small
medium
large
x-large
xx-large    把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。默认值:medium。    
smaller    把 font-size 设置为比父元素更小的尺寸。    
larger    把 font-size 设置为比父元素更大的尺寸。    
length    把 font-size 设置为一个固定的值。    
%    把 font-size 设置为基于父元素的一个百分比值。    
inherit    规定应该从父元素继承字体尺寸。

範例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体大小 CSS5</title>
<style>
div{ font-size:12px}
.xiao{ font-size:16px}
#da{ font-size:20px}
</style>
</head>
<body>
<div>默认设置12px</div>
<div class="xiao">字体大小为16px</div>
<div id="da">字体大小为20px</div>
<div style=" font-size:24px">我字体大小为24px</div>
<div>默认设置12px</div>
</body>
</html>

更多程式相關知識,請造訪:程式學習! !

以上是css怎麼讓字體更大的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn