css怎么定義全局樣式為藍(lán)色,楷體？

在樣式文件或style標(biāo)簽里設(shè)置全局樣式，具體的寫(xiě)法如下：

大興安嶺網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)2013年至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

style

*{

color: blue;

font-family: '楷體';

}

/style

color表示字體顏色， font-family表示字體樣式

14、CSS中顏色設(shè)置方法

在我們的顯示屏中，一個(gè)像素點(diǎn)由三原色構(gòu)成，分別為：紅、綠、藍(lán)。然而在計(jì)算機(jī)中使用0-255來(lái)表示某個(gè)原色的不同程度，在二進(jìn)制中，可以使用八位二進(jìn)制（00000000-11111111）進(jìn)行表示。在十六進(jìn)制中用（ 00-ff ）表示。那么紅色（0-255），綠色（0-255），藍(lán)色（0-255）三原色組成的顏色就有256*256*256種，組成了屏幕中五彩繽紛的畫(huà)面。

由此就可以衍生出顏色的表示方式：

加入透明度：

使用色相表示（hsl）：

這是一種將所有顏色對(duì)應(yīng)成一個(gè)圓，一個(gè)角度代表一種顏色，所以取值范圍為0-360，但是它還包括了飽和度和亮度。

h:0-360,色相

s:0-100%，飽和度

l:0-100%，亮度

例如：hsl(0, 50%, 50%);

css顏色值設(shè)置方式有哪些

在制作頁(yè)面的時(shí)候我們經(jīng)常需要設(shè)置字體顏色或者背景顏色，豐富多彩的顏色能夠讓頁(yè)面呈現(xiàn)更好的效果，在網(wǎng)站中用到顏色的地方也很多，文字顏色，背景顏色，邊框顏色等都需要用到。

在css中表示顏色的方法主要有以下幾種。

1. 關(guān)鍵字顏色

屬性值是顏色的名稱(chēng)。

例如：

div{

color:red;

}

2. 十六進(jìn)制

十六進(jìn)制表示顏色的原理是利用光的三原色：紅色，綠色，藍(lán)色。利用這三種顏色就能組合出很多顏色，比如紅色光和綠色光就可以組合成黃色，三種顏色的光可以組成白色，沒(méi)有光的時(shí)候就是黑色。

下圖為光色三原色：

請(qǐng)點(diǎn)擊輸入圖片描述

十六進(jìn)制顏色是由#加六位的十六進(jìn)制表示的，范圍是00到ff，前兩位表示紅色，中間兩位表示綠色，最后兩位表示藍(lán)色。

例如：

#ff0000表示紅色，這個(gè)色值包含最大數(shù)量的紅色，但是沒(méi)有綠色和藍(lán)色，所以是紅色。

#00ff00表示綠色，這個(gè)色值包含最大數(shù)量的綠色，但是沒(méi)有紅色和藍(lán)色，所以是綠色。

#0000ff表示藍(lán)色，這個(gè)色值包含最大數(shù)量的藍(lán)色，但是沒(méi)有紅色和藍(lán)色，所以是藍(lán)色。

#000000表示黑色，這個(gè)色值沒(méi)有顏色，表示沒(méi)有光，所以是黑色。

#ffffff表示白色，這個(gè)色值包含最大數(shù)量的紅色綠色和藍(lán)色，組合到一起是白色。

十六進(jìn)制的00到ff，是十進(jìn)制的0到255，因此每種顏色都有256種取值，能夠組合出來(lái)的顏色就是：256*256*256=16777216，這么多種色值足夠可以讓我們的頁(yè)面變的豐富多彩。

這里的三原色為什么是紅色、綠色、藍(lán)色，而和我們學(xué)美術(shù)的時(shí)候的紅色、黃色、藍(lán)色不一樣呢?因?yàn)閷W(xué)美術(shù)的時(shí)候用的是顏料的三原色，顏料的三原色利用的是光的反射原理。

3. RGB

RGB表示顏色的方式原理和十六進(jìn)制是一樣的，是利用光的三原色：紅色，綠色，藍(lán)色。

R表示red，紅色。

G表示green，綠色。

B表示blue，藍(lán)色。

取值從0到255，也可以是百分?jǐn)?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%)表示藍(lán)色，

rgb(0,0,0)或者rgb(0,,0,0)表示黑色，

rgb(255,255,255)或者rgb(100%100%,100%)表示白色，

4. HSL

HSL表示顏色的方法是通過(guò)色相，飽和度和亮度表示的。其中H是Hue色相，S是Saturation飽和度，L是Lightness亮度。

下圖為HSL顏色模式：

請(qǐng)點(diǎn)擊輸入圖片描述

H：色相。就是顏色名稱(chēng)。取值為是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多了一個(gè)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多了一個(gè)A。A表示Alpha透明度。取值是0到1.

hsla(hue, saturation, lightness, alpha)

例如：

div{

width:?100px;

height:?100px;

background:hsla(100,?80%,?50%,0.8);

}

名稱(chēng)欄目：css樣式怎么設(shè)置顏色,css字體顏色怎么設(shè)置
文章鏈接：http://chinadenli.net/article40/dsiodeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、品牌網(wǎng)站制作、域名注冊(cè)、用戶(hù)體驗(yàn)、網(wǎng)站設(shè)計(jì)、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)