福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > DIV+CSS基礎 >

CSS基礎必學列表

CSS 文本字體顏色(CSS color)

CSS 顏色樣式篇

目錄
  1. 認識CSS 顏色(color)
  2. 網頁顏色基礎
  3. 兩種方法設置對象顏色樣式
  4. 文字顏色控制color
  5. 網頁背景顏色color
  6. 邊框顏色color
  7. 網頁color RGB設置
  8. 網頁color 顏色表
  9. css 顏色樣式color總結

一、認識CSS 顏色(CSS color)   -   TOP

這里要介紹的是網頁設置顏色包含有哪些;網頁顏色規定規范。
1、常用顏色地方包含:字體顏色、超鏈接顏色、網頁背景顏色、邊框顏色
2、顏色規范與顏色規定:網頁使用RGB模式顏色

二、顏色基礎知識   -   TOP

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

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

CSS color顏色語法:

color:#000000;

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

三、兩種方法設置對象顏色樣式   -   TOP

1、在DIV標簽內使用color顏色樣式
<div style="color:#F00">www.mcowk.com.cn</div>

2、在CSS選擇器中使用color顏色樣式CSS代碼
.divcss5{color:#00F}
/* 設置對象divcss5內文字為藍色 */

擴展閱讀:這里運用了CSS注釋對此樣式設置說明,了解CSS 注釋:http://www.mcowk.com.cn/rumen/r32.shtml

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

  1. .divcss5{color:#00F} 
  2. /* 設置對象divcss5內文字為藍色 */ 


HTML代碼

  1. <p> 
  2. 標簽內使用color css樣式<br /> 
  3. <div style="color:#F00">www.mcowk.com.cn 紅色</div> 
  4. </p> 
  5. <p>外部樣式表設置對象color顏色<br /> 
  6. <div class="divcss5">www.mcowk.com.cn 藍色</div> 
  7. </p> 

4、實例結構圖:

div css color顏色樣式使用案例截圖
以上使用標簽內使用color顏色樣式和css代碼使用color顏色樣式。

四、文字顏色控制一樣   -   TOP

傳統html和css 文字顏色相同使用“color:”+“RGB顏色取值”即可,如顏色為黑色字即對應設置CSS屬性選擇器內添加“color:#000;”即可。

五、網頁背景顏色設置區別   -   TOP

傳統設置背景顏色使用“bgcolor=顏色取值”,而CSS中則“background:”+顏色取值。例如:設置背景為黑色,傳統Html設置,即在標簽內加入“bgcolor="#000"”即可實現顏色為黑色背景,如果在W3C中即在對應CSS選擇器中始終“background:#000”實現。

六、設置邊框顏色區別   -   TOP

傳統“bordercolor=取值”,CSS中“border-color:”+顏色取值。例如:在傳統html直接在table標簽加入“bordercolor="#000"”即可,在現在CSS中設置“border-color:#000;”即可讓邊框顏色為黑色,同時記得對包括設置寬度和樣式(虛線、實現)。

DIV+CSS顏色值擴展知識:
顏色值是一個關鍵字或一個數字的RGB規范。

16個關鍵字是采取從Windows的VGA調色板: 水色 , 黑色 , 藍色 , 紫紅色 , 灰 , 綠 , 灰 , 褐紅色 ,藏青色, 橄欖色 , 紫色 , 紅色 , 銀色 , 青色 , 白色 , 黃色 。

七、RGB顏色給出了四種方法之一   -   TOP

1、#rrggbb( 如 ,#00cc00) (強烈推薦使用此表示顏色取值)
2、#的RGB( 如 ,#0c0)
3、RGB(十中,x,x)的x是一個包容性的0和255之間的整數( 如 的RGB(0,204,0))
4、RGB(Ÿ%,Ÿ%,Ÿ%),其中 y是一個包容性的數量介于0.0和100.0( 如 的RGB(0%,80%,0%))

八、以下是RGB顏色表   -   TOP

css 顏色表,div css顏色RGB顏色表

當然一般的網頁開發軟件都有顏色取值器:

RGB顏色取色器
網頁開發軟件DW軟件中CSS取色器

如何獲得CSS顏色值?

我們又不能記住顏色值,以及如何確定準確的與美工圖相同顏色值呢?其實很簡單通常我們是在PS軟件里通過識色器工具進行獲得準確顏色值,當然也可以借用其它專門識別顏色工具進行獲取準確的color顏色值。

九、div css color顏色樣式總結   -   TOP

使用css樣式設置對象內容color顏色樣式,我們可以使用命名CSS類對象設置其顏色樣式,還有直接在html標簽內設置color樣式。以上我們也詳細介紹和實踐這2種對文字內容設置顏色方法。

相關閱讀
CSS 高度
CSS 寬度
CSS 背景
CSS 文本
CSS padding
CSS margin
div字體顏色

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/rumen/r116.shtml

我要分享到:
上一篇:DIV CSS 縮寫
下一篇:CSS id與CSS class

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

 

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2013-01-20 21:02 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖