HTML頁面字體大小的設置
發(fā)表時間:2024-05-09 來源:明輝站整理相關軟件相關文章人氣:
[摘要]HTML網(wǎng)頁字體大小的設置有很多種方法,今天給大家主要介紹倆種,一種是CSS設置html中字體大小,另外一種是html標簽里設置style屬性設置字體大小。接下來通過html案例介紹字體大小設置教程。html font標簽設置字體大小在css之前html中文字設置字體,通常直接對文字使用font標...
HTML網(wǎng)頁字體大小的設置有很多種方法,今天給大家主要介紹倆種,一種是CSS設置html中字體大小,另外一種是
html標簽里設置style
屬性設置字體大小。
接下來通過html案例介紹字體大小設置教程。
html font標簽設置字體大小
在css之前html中文字設置字體,通常直接對文字使用font標簽設置字體大小樣式。
1、html文字大小font語法結構
<font size="2">我字體大小為2</font>
解釋:直接使用font標簽內設置size設置字體大小,需要注意不能帶單位,一般2相當于12px,3相當于14px大小以此類推。
2、html font字體大小案例html源代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>在線演示</title>
</head>
<body>
<font size="2">在線演示測試<font size="4">文字</font>,
歡迎訪問網(wǎng)站!</font>
</body>
</html>
css字體大小單詞:
Font-size
語法結構
div{font-size:20px}
設置div內文字字體大小為20px
需要注意的css使用font-size設置字體大小值需要帶單位,比如px(像素)、EM(相對長度大小單位),一般使用px像素為單位(了解html單位)。
通過css設置一個DIV盒子里文字大小為14px,同時設置div盒子里其中幾個字字體大小為20px。
完整HTML CSS字體大小實例代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>在線演示</title>
<style>
.box{ font-size:14px}
.box .f20{ font-size:20px}
</style>
</head>
<body>
<div class="box">
在線演示測試<span class="f20">文字</span>,歡迎訪問網(wǎng)站!
</div>
</body>
</html>
HTML設置網(wǎng)頁字體的方法就這么多,相信大家一定也有所了解了,有需要的朋友可以保存一下,也請大家持續(xù)關注本站的其他更新。
相關閱讀:
怎樣用DIV和CSS做導航條
HTML里的checkbo怎么使用
html的注釋有什么作用
以上就是HTML網(wǎng)頁字體大小的設置的詳細內容,更多請關注php中文網(wǎng)其它相關文章!
網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。