明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML頁面字體大小的設(shè)置

發(fā)表時間：2024-05-09 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]HTML網(wǎng)頁字體大小的設(shè)置有很多種方法，今天給大家主要介紹倆種，一種是CSS設(shè)置html中字體大小，另外一種是html標(biāo)簽里設(shè)置style屬性設(shè)置字體大小。接下來通過html案例介紹字體大小設(shè)置教程。html font標(biāo)簽設(shè)置字體大小在css之前html中文字設(shè)置字體，通常直接對文字使用font標(biāo)...
HTML網(wǎng)頁字體大小的設(shè)置有很多種方法，今天給大家主要介紹倆種，一種是CSS設(shè)置html中字體大小，另外一種是html標(biāo)簽里設(shè)置style屬性設(shè)置字體大小。

接下來通過html案例介紹字體大小設(shè)置教程。

html font標(biāo)簽設(shè)置字體大小

在css之前html中文字設(shè)置字體，通常直接對文字使用font標(biāo)簽設(shè)置字體大小樣式。

1、html文字大小font語法結(jié)構(gòu)

<font size="2">我字體大小為2</font>

解釋：直接使用font標(biāo)簽內(nèi)設(shè)置size設(shè)置字體大小，需要注意不能帶單位，一般2相當(dāng)于12px，3相當(dāng)于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

語法結(jié)構(gòu)

div{font-size:20px}

設(shè)置div內(nèi)文字字體大小為20px

需要注意的css使用font-size設(shè)置字體大小值需要帶單位，比如px（像素）、EM（相對長度大小單位），一般使用px像素為單位（了解html單位）。

通過css設(shè)置一個DIV盒子里文字大小為14px,同時設(shè)置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設(shè)置網(wǎng)頁字體的方法就這么多，相信大家一定也有所了解了，有需要的朋友可以保存一下，也請大家持續(xù)關(guān)注本站的其他更新。

相關(guān)閱讀：

怎樣用DIV和CSS做導(dǎo)航條


HTML里的checkbo怎么使用


html的注釋有什么作用

以上就是HTML網(wǎng)頁字體大小的設(shè)置的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。