文本在我們的網(wǎng)頁上扮演著重要的角色。這是因?yàn)樗梢詭椭脩袅私饩W(wǎng)頁的全部內(nèi)容以及他們可以在那里做什么。
向網(wǎng)頁添加文本時(shí)，此文本默認(rèn)為黑色。但有時(shí)你會(huì)想要改變文本顏色，使其更加個(gè)性化。
例如，假設(shè)您有較深的顏色作為網(wǎng)站的背景。在這種情況下，您需要使文本顏色更淺，更亮的顏色，以提高網(wǎng)站的可讀性和可訪問性。
在本文中，您將學(xué)習(xí)如何更改 HTML 中文本的顏色。我們將研究各種方法，并將討論哪種方法最好。
如何在 HTML5 之前更改文本顏色
在引入HTML5之前，您將用于向網(wǎng)站添加文本。此標(biāo)記采用屬性，該屬性接受顏色作為名稱或十六進(jìn)制代碼值：<font>color
當(dāng)HTML5被引入時(shí)，這個(gè)標(biāo)簽被貶值了。這是有道理的，因?yàn)镠TML是一種標(biāo)記語言，而不是樣式語言。在處理任何類型的樣式時(shí)，最好使用CSS，它具有樣式的主要功能。
這意味著要為網(wǎng)頁添加顏色，您需要使用CSS。
如果您急于了解如何更改文本的顏色，那么這里是：
假設(shè)你不著急。讓我們簡要地深入探討一下。
如何更改 HTML 中的文本顏色
可以使用 CSS 顏色屬性來更改文本顏色。此屬性接受顏色值，如十六進(jìn)制代碼、RGB、HSL 或顏色名稱。
例如，如果要將文本顏色更改為天藍(lán)色，則可以使用名稱 、十六進(jìn)制代碼 、 RGB 十進(jìn)制代碼 或 HSL 值 。skyblue 87CEEB gb(135,206,235)hsl(197, 71%, 73%)
有三種方法可以使用CSS更改文本的顏色。它們使用內(nèi)聯(lián)、內(nèi)部或外部樣式。
如何使用內(nèi)聯(lián)css更改HTML中的文本顏色
內(nèi)聯(lián) CSS 允許您將樣式直接應(yīng)用于 HTML 元素。這意味著您將 CSS 直接放入 HTML 標(biāo)記中。
您可以使用 style 屬性，該屬性包含要應(yīng)用于此標(biāo)記的所有樣式。
您將在首選顏色值旁邊使用 CSS 顏色屬性：
但是，如果您的應(yīng)用變得更大、更復(fù)雜，內(nèi)聯(lián)樣式并不是最好的選擇。因此，讓我們看看您可以做些什么。
如何使用內(nèi)部或外部 CSS 更改 HTML 中的文本顏色
更改文本顏色的另一種首選方法是使用內(nèi)部或外部樣式。這兩者非常相似，因?yàn)閮烧叨际褂眠x擇器。
對(duì)于內(nèi)部樣式，您可以在 HTML 文件的 標(biāo)記中執(zhí)行此操作。在 標(biāo)記中，您將添加 標(biāo)記并將所有 CSS 樣式放置在那里，如下所示：<head><head><style>
對(duì)于外部樣式，您所要做的就是使用常規(guī)語法將 CSS 樣式添加到 CSS 文件中：
選擇器可以是您的 HTML 標(biāo)記，也可以是 .例如：classID
或者您可以使用：class
或者您可以使用：id
注意：如前所述，使用內(nèi)聯(lián) CSS，可以將顏色名稱、十六進(jìn)制代碼、RGB 值和 HSL 值與內(nèi)部或外部樣式結(jié)合使用。
在本文中，您學(xué)習(xí)了如何使用 CSS 更改 HTML 元素的字體/文本顏色。您還了解了開發(fā)人員在引入帶有標(biāo)簽和顏色屬性的HTML5之前是如何做到這一點(diǎn)的。<font>
此外，請記住，使用內(nèi)部或外部樣式設(shè)置 HTML 元素的樣式始終優(yōu)于內(nèi)聯(lián)樣式。這是因?yàn)樗峁┝烁蟮撵`活性。
例如，您可以對(duì)所有標(biāo)簽元素使用單個(gè) CSS，而不是向所有標(biāo)簽元素添加類似的內(nèi)聯(lián)樣式。<p>class
內(nèi)聯(lián)樣式不被視為最佳做法，因?yàn)樗鼈儠?huì)導(dǎo)致大量重復(fù) - 您無法在其他地方重用這些樣式。要了解更多信息，您可以閱讀我關(guān)于HTML中的內(nèi)聯(lián)樣式的文章。您還可以在本文中了解如何更改文本大小，并在本文中了解如何更改背景顏色。
我希望本教程能為您提供更改HTML文本顏色以使其看起來更好的知識(shí)。
京公網(wǎng)安備 11010802030320號(hào)