css怎麼讓字體更大-css教學-PHP中文網

首頁

web前端

css教學

css怎麼讓字體更大

Nov 11, 2020 pm 02:18 PM

css 字體

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    规定应该从父元素继承字体尺寸。

登入後複製

範例：

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

登入後複製

更多程式相關知識，請造訪：程式學習！！

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

本網站聲明

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