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