HTML培訓(xùn)：如何在HTML中更改文本大小

果你需要在網(wǎng)頁(yè)上創(chuàng)建標(biāo)題，或者在網(wǎng)站上改變不同頁(yè)面上的文本大小，或段落中的某個(gè)特定單詞突出，可以通過使用html命令更改文本大小來(lái)做到這一點(diǎn)。但凡上過html培訓(xùn)學(xué)習(xí)的人都會(huì)很輕輕松學(xué)會(huì)這個(gè)操作，有導(dǎo)師指導(dǎo)，學(xué)起來(lái)要容易的多。

更改前，先備份

無(wú)論什么時(shí)候你要更改網(wǎng)頁(yè)，無(wú)論你只是在html中更改文本大小，還是在添加照片或?qū)⒈尘皥D像更改為新模式時(shí)，在更改前始終要記住一點(diǎn)：備份你現(xiàn)有的頁(yè)面。這將確保如果在更改期間發(fā)生錯(cuò)誤，并且此錯(cuò)誤導(dǎo)致網(wǎng)頁(yè)丟失，則可以恢復(fù)到起始位置，然后再試一次。

若要復(fù)制網(wǎng)頁(yè)，請(qǐng)打開該文件并復(fù)制html。然后將頁(yè)面html的副本粘貼到一個(gè)程序中，比如程序員的記事本，這是一個(gè)免費(fèi)的實(shí)用程序，供網(wǎng)頁(yè)設(shè)計(jì)者/程序員使用，用于CSS、html和其他程序。

在更改的操作中，備份是經(jīng)常要做的事，這一點(diǎn)非常重要，一般你在html培訓(xùn)學(xué)習(xí)時(shí)，老師都會(huì)強(qiáng)調(diào)這一點(diǎn)的。

如何在HTML中更改文本大小

首先，找到要更改的一行或多行文本。使用

這個(gè)標(biāo)記

在html中更改文本大小是一個(gè)簡(jiǎn)單的編碼問題，你可以學(xué)會(huì)自己做，你也可以使用各種額外的html技巧。通過參加html培訓(xùn)學(xué)習(xí)，對(duì)html會(huì)有更系統(tǒng)更全面的認(rèn)識(shí)，零基礎(chǔ)也能輕松學(xué)到有用的知識(shí)。

了解更多

font-size:設(shè)置字體大小:

該屬性值的單位可以使用相對(duì)單位和絕對(duì)單位，推薦使用px。(瀏覽器能夠識(shí)別的最小像素是12px)

    p{
      font-size:20px;
    }

常見尺寸單位：

font-family:設(shè)置字體:

如果需要設(shè)置多個(gè)字體樣式，則屬性值可以寫多個(gè)中間用逗號(hào)隔開即可，需要知道的是瀏覽器會(huì)從第一個(gè)字體屬性值找，直到找到自己設(shè)備有的字體顯示，自己設(shè)備沒有的字體，按設(shè)備默認(rèn)字體顯示,推薦系統(tǒng)默認(rèn)字體。


    p{
      font-family:"微軟雅黑",Arial;
    }

font-weight:設(shè)置字體粗細(xì):

其屬性值有：normal正常不加粗、bold加粗、bolder更粗、lighter更細(xì)、number（整百的數(shù)字）、inherit繼承父級(jí)元素字體粗細(xì)

p {
  font-weight:700;
}

font-style:設(shè)置字體風(fēng)格:

如設(shè)置斜體、傾斜或正常字體，其屬性值：normal默認(rèn)值，標(biāo)準(zhǔn)字體、italic斜體、oblique傾斜

font:綜合設(shè)置字體樣式（字體樣式連寫）:

字體樣式連寫是有順序的，必須是嚴(yán)格遵循順序，其中不需要設(shè)置的屬性可以省略，font-size和font-family屬性值必須寫，否則字體連寫失效。


    p{
      /*font:font-style font-weight font-size/line-height font-family;*/
      font:italic bolder 20px/10px Arial;
    }

提示：本文圖片等素材來(lái)源于網(wǎng)絡(luò)，若有侵權(quán)，請(qǐng)發(fā)郵件至郵箱：810665436@qq.com聯(lián)系筆者刪除。

筆者：苦海123

其它問題可通過以下方式聯(lián)系本人咨詢：

QQ：810665436

微信：ConstancyMan

天講了怎么使用css中font-family來(lái)設(shè)置字體，如微軟雅黑、宋體、Arial等。繼續(xù)講下使用font-size屬性來(lái)定義字體大小。

語(yǔ)法如下:

p {

font-size:20px;

}

px(像素)大小是我們網(wǎng)頁(yè)的最常用的單位。谷歌瀏覽器默認(rèn)的字體大小為16px 不同瀏覽器可能默認(rèn)顯示的字體字號(hào)大小不一致，盡量給一個(gè)明確值大小，不要默認(rèn)大小。可以給<body>指定整個(gè)頁(yè)面文字的大小。

來(lái)看下效果:

對(duì)應(yīng)的代碼為:

<!DOCTYPE html>

<head>

<title>CSS字體屬性之字體系列</title>

<style>

body {

font-size: 16px;

}

</style>

</head>

<body>

<p>明月幾時(shí)有，把酒問青天</p>

<p>不知天上宮闕，今夕是何年</p>

<p>我欲乘風(fēng)歸去，又恐瓊樓玉宇</p>

<p>高處不勝寒，起舞弄清影，何似在人間。</p>

</body>

</html>

有沒有發(fā)現(xiàn)除了標(biāo)題標(biāo)簽，其余的字的字體都是16px了？那么這里需要注意一點(diǎn): 標(biāo)題標(biāo)簽比較特殊，需要單獨(dú)指定文字大小。

如下的效果:

可以看到標(biāo)題字體變小了，具體的代碼為:

<!DOCTYPE html>

<head>

<title>CSS字體屬性之字體系列</title>

<style>

body {

font-size: 16px;

}

h2 {

font-size: 16px;

}

</style>

</head>

<body>

<p>明月幾時(shí)有，把酒問青天</p>

<p>不知天上宮闕，今夕是何年</p>

<p>我欲乘風(fēng)歸去，又恐瓊樓玉宇</p>

<p>高處不勝寒，起舞弄清影，何似在人間。</p>

</body>

</html>

可以看到對(duì)h2單獨(dú)進(jìn)行了字體設(shè)置

h2 {

font-size: 16px;

}

注意點(diǎn):

不要忘記加上px

標(biāo)題有特殊性，需要單獨(dú)設(shè)置文字大小。

好的，今天就到這里了。晚安~

在線咨詢

上一篇：最全11種方法 css隱藏頁(yè)面元素思路不一樣，不一定要隱藏
下一篇：電子音樂相冊(cè)模板推薦，海量模板快速生成，門檻超低！

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

HTML培訓(xùn)：如何在HTML中更改文本大小

您的項(xiàng)目需求