1. 程式人生 > >css.color設定與調色盤

css.color設定與調色盤

一、認識CSS 顏色(CSS color)

這裡要介紹的是網頁設定顏色包含有哪些;網頁顏色規定規範。

1、常用顏色地方包含:字型顏色、超連結顏色、網頁背景顏色、邊框顏色
2、顏色規範與顏色規定:網頁使用RGB模式顏色

二、顏色基礎知識

網頁中顏色的運用是網頁必不可少的一個元素。使用顏色目的在於有區別、有動感(特別是超連結中運用)、美觀之用,同時顏色也是各種各樣網頁的樣式表現元素之一,瞭解CSS 字型顏色。

傳統的html顏色與w3c標準下的css顏色對比和DIV CSS運用顏色

CSS color顏色語法:

color:#000000;

Css樣式中color後直接加RGB顏色值(#FFFFFF 、#000000 、#F00)
RGB顏色值在實際佈局時候確定,可以使用Photoshop(簡稱PS)拾取工具進行獲取獲得。

三、兩種方法設定物件顏色樣式

1、在DIV標籤內使用color顏色樣式
<div >www.jb51.net</div>

2、在CSS選擇器中使用color顏色樣式CSS程式碼:

.divcss5{color:#00F}

/* 設定物件divcss5內文字為藍色 */

擴充套件閱讀:這裡運用了CSS註釋對此樣式設定說明,瞭解CSS 註釋

3、DIV+CSS顏色樣式完整案例:

Css程式碼:

 

複製程式碼 程式碼如下:
.divcss5{color:#00F}
/* 設定物件divcss5內文字為藍色 */

 

HTML程式碼:

 

複製程式碼 程式碼如下:
<p>
標籤內使用color css樣式

<div >www.jb51.net 紅色</div>
</p>
<p>外部樣式表設定物件color顏色

<div class="divcss5">www.jb51.net 藍色</div>
</p>