HTML5 – 顏色名稱

在網(wǎng)頁設(shè)計(jì)中，顏色是一個(gè)非常重要的因素。愛掏網(wǎng) - it200.com在HTML5中，我們可以使用顏色名稱來定義顏色，而不必使用十六進(jìn)制數(shù)值或RGB數(shù)值來表示。愛掏網(wǎng) - it200.com

HTML5中支持的顏色名稱有以下幾種：

• aqua
• black
• blue
• fuchsia
• gray
• green
• lime
• maroon
• navy
• olive
• orange
• purple
• red
• silver
• teal
• white
• yellow

這些顏色名稱都是由W3C所定義的。愛掏網(wǎng) - it200.com我們可以將任何HTML元素的顏色屬性設(shè)置為以上顏色名稱之一。愛掏網(wǎng) - it200.com

下面是一些具體的示例代碼，演示如何使用顏色名稱來定義HTML元素的顏色屬性。愛掏網(wǎng) - it200.com

HTML

<p style="color: red;">紅色文本</p>
<p style="color: blue;">藍(lán)色文本</p>
<p style="color: green;">綠色文本</p>

CSS

p {
  color: orange;
}

上面的示例代碼中，第一個(gè)段落使用red顏色名稱定義了字體顏色，第二個(gè)段落使用blue顏色名稱定義了字體顏色，第三個(gè)段落使用green顏色名稱定義了字體顏色。愛掏網(wǎng) - it200.com而CSS樣式則定義了所有<p>標(biāo)簽的默認(rèn)顏色為orange。愛掏網(wǎng) - it200.com

16進(jìn)制顏色值 vs. 顏色名稱

使用顏色名稱來定義顏色處理起來相對來說更為直接和簡單，而使用16進(jìn)制顏色值則更為靈活和精準(zhǔn)。愛掏網(wǎng) - it200.com如果有需要更多的自定義顏色，可以使用十六進(jìn)制顏色值或RGB數(shù)值來代替顏色名稱。愛掏網(wǎng) - it200.com

使用16進(jìn)制顏色值

<p style="color: #336699;">藍(lán)綠色文本</p>

使用RGB數(shù)值

<p style="color: rgb(255, 0, 0);">紅色文本</p>

結(jié)論

在HTML5中，我們可以使用顏色名稱來定義HTML元素的顏色屬性。愛掏網(wǎng) - it200.com這些顏色名稱都是由W3C所定義的。愛掏網(wǎng) - it200.com使用顏色名稱可以使代碼更加直接和簡單，而使用16進(jìn)制顏色值或RGB數(shù)值可以使我們獲得更加精準(zhǔn)的顏色值。愛掏網(wǎng) - it200.com