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