使用CSS ，可以很容易地設置文檔中文本的顏色。 如果您希望頁面上的段落以特定顏色呈現，您只需在外部樣式表中指定該段落，瀏覽器就會以所選顏色顯示您的文字。 當你想在一段文字中改變一個單詞（或者只是幾個單詞）的顏色時，會發生什麼？ 為此，您需要使用內聯元素，如標籤。
最終，使用CSS更改單個單詞或一小組單詞的顏色很容易，並且這些標籤是有效的HTML，因此不要擔心這是某種黑客行為。 通過這種方法，您還可以避免使用不贊成使用的標記和屬性，如“font”，它是過去的HTML時代的產物。
本文適用於開始可能不熟悉HTML和CSS的Web開發人員。 它將幫助您了解如何使用HTML標記和CSS來更改頁面上特定文本的顏色。 這就是說，這種方法有一些缺點，我將在本文末尾介紹。 現在，請繼續閱讀以了解更改此文字顏色的步驟！ 這很容易，應該需要大約2分鐘。
逐步指示
- 在您喜歡的文本HTML編輯器中打開您想要更新的網頁。 這可能是Adobe Dreamweaver或簡單的文本編輯器如Notepad，Notepad ++，TextEdit等的程序。
- 在文檔中，找到要在頁面上以不同顏色顯示的文字。 為了本教程的目的，我們可以使用大段文字中的一些詞。 該文本將包含在標籤對內。 找到您想編輯顏色的兩個單詞中的一個。
- 將光標放在要更改顏色的單詞或單詞組中的第一個字母之前。 請記住，如果您使用Dreamweaver之類的所見即所得編輯器，那麼您現在正在使用“代碼視圖”。
- 讓我們用一個標籤來包裝我們想要改變其顏色的文本，包括一個類屬性。 整個段落可能如下所示：這是句子中關注的文本。
- 我們剛剛使用了一個內聯元素，給這個特定的文本一個“鉤子”，我們可以在CSS中使用它。 下一步是跳轉到我們的外部CSS文件來添加新規則。
- 在我們的CSS文件中，我們添加：
- .focus-text {
- 顏色：＃F00;
- }
- 此規則將設置內聯元素the，以紅色顯示。 如果我們有以前的樣式將文檔的文本設置為黑色，則此內聯樣式將導致跨度文本聚焦於不同的顏色並突出顯示。 我們也可以在這個規則中添加其他樣式，可能會使文本斜體或粗體更強調它？
- 保存你的頁面。
- 在您最喜歡的網頁瀏覽器中測試頁面以查看有效的更改。
- 請注意，除了這些之外，一些網絡專業人員還選擇使用其他元素，例如或標記對。 這些標籤過去一般用於“粗體”和“斜體”，但不贊成使用和替換。 這些標籤仍然可以在現代瀏覽器中使用，但是，很多Web開發人員將它們用作內聯樣式鉤子。 這不是最糟糕的方法，但如果你想避免任何被棄用的元素，我建議堅持使用這些類型的樣式需求的標籤。
提示和注意事項
雖然這種方法適用於小樣式需求，例如，如果您需要更改文檔中的一小段文本，它可能會很快失去控制。 如果你發現你的頁面亂七八糟的是內聯元素，所有這些元素都有你在CSS文件中使用的獨特類，那麼你可能會做錯了，請記住，頁面中的這些標記越多，越難很可能是為了保持這個頁面前進。 此外， 良好的網頁印刷很少在整個頁面上有很多顏色變體！