如何設定html字體大小-html教學-PHP中文網

如何設定html字體大小

醉折花枝作酒筹

發布： 2023-01-05 16:07:29

原創

75492 人瀏覽過

html字體大小的設定方法：1、在font標籤中使用size屬性設置，語法“”，隨著size的值越大，顯示的字體就會越大；2、使用“font-size”屬性，語法“font-size:值”，值越大，字體越大。

如何設定html字體大小

本教學操作環境：windows7系統、CSS3&&HTML4版、Dell G3電腦。

在HTML中，通常使用font標籤來設定字體的樣式，而用size屬性來設定字體大小

如下圖所示：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>设置不同文字大小</title>
</head>
<body>
<font size="1"> 1号字体效果</font><br/>
<font size="2"> 2号字体效果</font><br/>
<font size="3"> 3号字体效果</font><br/>
<font size="4"> 4号字体效果</font><br/>
<font size="5"> 5号字体效果</font><br/>
<font size="6"> 6号字体效果</font><br/>
<font size="7"> 7号字体效果</font><br/>
<font size="+2"> 默认字体号+2,也是5号字体效果</font><br/>
<font size="-1"> 默认字体号-1，也是2号字体效果</font><br/>
</body>
</html>

登入後複製

如何設定html字體大小

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

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

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

<!DOCTYPE html>
<html>
<body>
<p style="font-size:20px">文字</p>
<p style="font-size:30px">文字</p>
<p style="font-size:40px">文字</p>
</body>
</html>

登入後複製

如何設定html字體大小

推薦學習：html影片課程

以上是如何設定html字體大小的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

如何設定html字體大小