首先、少了個分號,規(guī)范寫法table style=“color:green;”

成都創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、英吉沙網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為英吉沙等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
其次,這句話的作用是規(guī)定這個表格里面的字體的顏色為綠色。
style
body{background:yellow;}
h1{background:green;}
h2{background:red;}
p{background:purple;border-bottom:1px dashed #ccc;margin:5px}
/style
找到元素,給元素添加color就可以了,
比如
div class="box"想要設(shè)置顏色的字體/div
.box{color:green} //通過class抓取div 然后設(shè)置顏色為綠色,
希望采納,謝謝。
在制作頁面的時候我們經(jīng)常需要設(shè)置字體顏色或者背景顏色,豐富多彩的顏色能夠讓頁面呈現(xiàn)更好的效果,在網(wǎng)站中用到顏色的地方也很多,文字顏色,背景顏色,邊框顏色等都需要用到。
在css中表示顏色的方法主要有以下幾種。
1. 關(guān)鍵字顏色
屬性值是顏色的名稱。
例如:
div{
color:red;
}
2. 十六進制
十六進制表示顏色的原理是利用光的三原色:紅色,綠色,藍色。利用這三種顏色就能組合出很多顏色,比如紅色光和綠色光就可以組合成黃色,三種顏色的光可以組成白色,沒有光的時候就是黑色。
下圖為光色三原色:
請點擊輸入圖片描述
十六進制顏色是由#加六位的十六進制表示的,范圍是00到ff,前兩位表示紅色,中間兩位表示綠色,最后兩位表示藍色。
例如:
#ff0000表示紅色,這個色值包含最大數(shù)量的紅色,但是沒有綠色和藍色,所以是紅色。
#00ff00表示綠色,這個色值包含最大數(shù)量的綠色,但是沒有紅色和藍色,所以是綠色。
#0000ff表示藍色,這個色值包含最大數(shù)量的藍色,但是沒有紅色和藍色,所以是藍色。
#000000表示黑色,這個色值沒有顏色,表示沒有光,所以是黑色。
#ffffff表示白色,這個色值包含最大數(shù)量的紅色綠色和藍色,組合到一起是白色。
十六進制的00到ff,是十進制的0到255,因此每種顏色都有256種取值,能夠組合出來的顏色就是:256*256*256=16777216,這么多種色值足夠可以讓我們的頁面變的豐富多彩。
這里的三原色為什么是紅色、綠色、藍色,而和我們學(xué)美術(shù)的時候的紅色、黃色、藍色不一樣呢?因為學(xué)美術(shù)的時候用的是顏料的三原色,顏料的三原色利用的是光的反射原理。
3. RGB
RGB表示顏色的方式原理和十六進制是一樣的,是利用光的三原色:紅色,綠色,藍色。
R表示red,紅色。
G表示green,綠色。
B表示blue,藍色。
取值從0到255,也可以是百分數(shù)。
rgb(red, green, blue)
例如:
rgb(255,0,0)或者rgb(100%,0,0)表示紅色,
rgb(0,255,0)或者rgb(0,100%,0)表示綠色,
rgb(0,0,255)或者rgb(0,0,100%)表示藍色,
rgb(0,0,0)或者rgb(0,,0,0)表示黑色,
rgb(255,255,255)或者rgb(100%100%,100%)表示白色,
4. HSL
HSL表示顏色的方法是通過色相,飽和度和亮度表示的。其中H是Hue色相,S是Saturation飽和度,L是Lightness亮度。
下圖為HSL顏色模式:
請點擊輸入圖片描述
H:色相。就是顏色名稱。取值為是0到360。
S:飽和度。是色彩的純度,取值是0%到100%。
L:亮度。取值為是0%到100%。
hsl(hue, saturation, lightness)
例如:
div{
width:?100px;
height:?100px;
background:?hsl(100,?80%,?50%);
}
5. RGBA
RGBA顏色表示形式只是比RGB多了一個A。A表示Alpha透明度。取值是0到1.
rgba(red, green, blue, alpha)
例如:
div{
width:?100px;
height:?100px;
background:?rgba(255,?0,?0,?0.5);
}
效果圖:
6. HSLA
HSLA顏色表示形式只是比HSL多了一個A。A表示Alpha透明度。取值是0到1.
hsla(hue, saturation, lightness, alpha)
例如:
div{
width:?100px;
height:?100px;
background:hsla(100,?80%,?50%,0.8);
}
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標簽內(nèi)的樣式;寫在標簽的開始部分內(nèi)部,style屬性當(dāng)中。
例:標記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁面內(nèi)部,存放于head標記當(dāng)中,樣式寫在style標記內(nèi)。
例:style選擇器 {屬性名:屬性值;屬性名:屬性值;......}/style
3、外部樣式(外聯(lián)樣式):寫在css文件內(nèi)。
例:link type="text/css" rel="stylesheet" href="css/main.css" /
擴展資料:
使用CSS樣式的優(yōu)點:
CSS有助于實現(xiàn)負責(zé)任的Web設(shè)計。CSS對開發(fā)者構(gòu)建Web站點的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點,如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護等。
此外,站點的表現(xiàn)信息和核心內(nèi)容相分離,使得站點的設(shè)計人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因為重復(fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點的風(fēng)格特色,在修改頁面數(shù)量龐大的站點時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
網(wǎng)站題目:綠色css樣式,綠色的css代碼
標題鏈接:http://chinadenli.net/article37/dsegjpj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、面包屑導(dǎo)航、外貿(mào)建站、品牌網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)