Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲第一页在线,精品成人免费播放国产片,一区二区三区美女视频 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷(xiāo)服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢(xún)熱線(xiàn)：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          「測(cè)試開(kāi)發(fā)全棧-HTML」(12)css字體顏色屬性
          
        
           
          
	
	
          
		
                        
          SS Text(文本)屬性可定義文本的外觀(guān)，比如文本的顏色、對(duì)齊文本、裝飾文本、文本縮進(jìn)、行間距等。
          用的最多的就是文本顏色，color屬性用于定義文本的顏色。語(yǔ)法如下:
          div {
          color:red;
          }
          顏色的表現(xiàn)形式有:
          預(yù)定義的顏色值: red、green、pink等
          十六進(jìn)制: #FF0000、#FF6600、#29D794等
          RGB代碼: rgb(255,0,0)或rgb(100%,0%,0%)等

          看下效果:
          對(duì)應(yīng)的代碼為：
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Document</title>
          <style>
          div {
          color: blue;
          }
          </style>
          </head>
          <body>
          <div>人保說(shuō)的是還有7次洗車(chē)，5次還是3次道路救援啥的</div>
          </body>
          </html>
          所有div對(duì)應(yīng)的都為藍(lán)色。

          使用第二種方法，16進(jìn)制顏色來(lái)表示,先看下效果:

          對(duì)應(yīng)代碼為:
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Document</title>
          <style>
          /* div {
          color: blue;
          } */

          div {
          color: #FF0000;
          }
          </style>
          </head>
          <body>
          <div>人保說(shuō)的是還有7次洗車(chē)，5次還是3次道路救援啥的</div>
          </body>
          </html>

          最后使用第三種方法，看下效果:

          對(duì)應(yīng)的代碼為:
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Document</title>
          <style>
          /* div {
          color: blue;
          } */

          /* div {
          color: #FF0000;
          } */

          div {
          color: rgb(255, 193, 100);
          }
          </style>
          </head>
          <body>
          <div>人保說(shuō)的是還有7次洗車(chē)，5次還是3次道路救援啥的</div>
          </body>
          </html>

          rgb竟然是red、green、blue，也是今天才知道的。

          今天就先到這里了，中午休息~
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>顏色漸變的文字</title>
<script language="javascript">
function Delta(sHex1,sHex2,iNum){
//計(jì)算每個(gè)字的變化量
var iHex1 = parseInt("0x"+sHex1);
var iHex2 = parseInt("0x"+sHex2);
return (iHex2 - iHex1)/(iNum-1);
}
function Colorful(sText,sColor1,sColor2){
if(sText.length<=1){
//如果只有一個(gè)字符，漸變無(wú)從談起，直接輸出并返回
document.write("<font style='color:#"+sColor1+";'>"+sText+"</font>");
return;
}
//RGB三色分離，分別獲取變化的小量delta
var fDeltaR = Delta(sColor1.substring(0,2),sColor2.substring(0,2),sText.length);
var fDeltaG = Delta(sColor1.substring(2,4),sColor2.substring(2,4),sText.length);
var fDeltaB = Delta(sColor1.substring(4,6),sColor2.substring(4,6),sText.length);
var sColorR = parseInt("0x"+sColor1.substring(0,2));
var sColorG = parseInt("0x"+sColor1.substring(2,4));
var sColorB = parseInt("0x"+sColor1.substring(4,6));
for(var i=0;i<sText.length;i++){
document.write("<font style='color:rgb("+Math.round(sColorR)+","+Math.round(sColorG)+","+Math.round(sColorB)+");'>"+sText.substring(i,i+1)+"</font>");
/*每輸出一個(gè)字符，顏色的三個(gè)分量都相應(yīng)的變化
當(dāng)字符輸出完成時(shí)，正好由sColor1變成sColor2*/
sColorR += fDeltaR;
sColorG += fDeltaG;
sColorB += fDeltaB;
}
}
Colorful("春節(jié)(Spring Festival)中國(guó)民間最隆重最富有特色的傳統(tǒng)節(jié)日，它標(biāo)志農(nóng)歷舊的一年結(jié)束和新的一年的開(kāi)始 。春節(jié)一般指除夕和正月初一 。但在民間，傳統(tǒng)意義上的春節(jié)是指從臘月初八的臘祭或臘月二十三或二十四的祭灶，一直到正月十五，其中以除夕和正月初一為高潮。在春節(jié)期間，我國(guó)的漢族和很多少數(shù)民族都要舉行各種活動(dòng)以示慶祝。這些活動(dòng)均以祭祀神佛、祭奠祖先、除舊布新、迎禧接福、祈求豐年為主要內(nèi)容。活動(dòng)豐富多彩，帶有濃郁的民族特色。","FF3300","3366FF");
</script>
</head>
<body>
</body>
</html>
          用時(shí)直接調(diào)用函數(shù)Colorful(),輸入文字以及起始顏色和終止顏色值。
          站開(kāi)發(fā)入門(mén)指南：多種色值寫(xiě)法。
          接下來(lái)給大家介紹幾個(gè)常用的設(shè)置顏色色值的方式。顏色色值的設(shè)置在樣式設(shè)置中是非常常用的，包括背景顏色、漸變顏色、邊框顏色、字體顏色等等，很多的地方都可能需要用到顏色色值的設(shè)置。
          ·之前已經(jīng)講過(guò)一種最基礎(chǔ)的方式，就是這種關(guān)鍵字的方式，也就是用英文單詞這樣的方式。之前講過(guò)有很多顏色的名字都是可以用的，像之前一直用的設(shè)置顏色的方法也都是這種色值的方式，這種關(guān)鍵字的方式。
          ·另外一種是非常常用的，是十六進(jìn)制。十六進(jìn)制概念如果不理解其實(shí)也沒(méi)有關(guān)系，可以簡(jiǎn)單的把它理解為有十六個(gè)數(shù)，0123456789，然后是aobcdef，從0到f是從小到大的邏輯。
          它的寫(xiě)法大概是這樣的樣子，16進(jìn)制的顏色的寫(xiě)法大概是這樣的樣子。這個(gè)樣子的特點(diǎn)就是一開(kāi)頭這里是有個(gè)井號(hào)，然后是兩兩一組的，第一組就是表示紅色，第二組是表示綠色，第三組是表示藍(lán)色。
          ·ff就表示顏色，比如這里是紅色，它是最濃的，顏色強(qiáng)度是最大的。三種顏色就相當(dāng)于也是三原色去拼，拼起來(lái)就混合成一種最終的顏色效果。
          ·00就表示顏色沒(méi)有綠色的色值，這里如果也是ff就表示藍(lán)色也是最濃的。所以可以嘗試的去把它設(shè)置一下，會(huì)發(fā)現(xiàn)它就變成了這樣的顏色。
          ·像這種寫(xiě)法其實(shí)如果兩兩的字符是一樣，其實(shí)可以簡(jiǎn)寫(xiě)成這樣的一種寫(xiě)法。這兩者其實(shí)相當(dāng)于是一樣的了。
          有幾種非常常用的顏色的色值，其實(shí)一看就應(yīng)該知道的，給大家羅列一下。比如這種3個(gè)f，也就是這種6個(gè)f，其實(shí)是一樣的，這個(gè)明顯就是一個(gè)白色了，3個(gè)0就是沒(méi)有，這個(gè)跟6個(gè)0是一樣的，就是純黑。
          像這種直接寫(xiě)6個(gè)的，就是紅色，正紅色，ff放中間其實(shí)就是綠色，這樣就是一個(gè)藍(lán)色，這個(gè)應(yīng)該都很好理解，就是三原色的概念。如果不了解三原色的概念，可以自己去查資料了解一下，可以給它去設(shè)置一下，看一下是不是藍(lán)色，大家可以看到就是一個(gè)藍(lán)色，這是16進(jìn)制的最基本的用法。
          但是它其實(shí)還可以加兩位，加兩位之后，最后的兩位就是表示的是不透明度的概念。不透明度的概念其實(shí)這里也可以稱(chēng)作是alpha，阿爾法其實(shí)就是可以表示是不透明度的概念。像這00就是最小，就是0的不透明度，就是最小的不透明度，就是完全透明。
          也可以試一下，比如用這里給它加一個(gè)00，這就沒(méi)有了，ff其實(shí)不加不透明度的設(shè)定，其實(shí)它的不透明度就是1，就是完全的看得見(jiàn)，沒(méi)有任何的透明的狀態(tài)。
          像這個(gè)顏色，這個(gè)16進(jìn)制的色值，其實(shí)是不用去記的，因?yàn)楹芏嘣O(shè)計(jì)軟件里面都非常方便的去給到顏色的16進(jìn)制的色值。比如可以看到這樣的figma設(shè)計(jì)軟件，選擇填充顏色，會(huì)看到這里有很多的顏色的選項(xiàng)可以選，其中最好復(fù)制的就是HEX，HEX就是表示16進(jìn)制，16進(jìn)制顏色一復(fù)制，放到CSS代碼里面，就直接就可以用了。它就可以生效了，所以是不用去記，不用去算某個(gè)色值是多少。
          ·然后像其他的后面要介紹這種rgb、hsl這幾種，就是這里也能夠讓我們?nèi)ズ芎玫娜ブ谰唧w的顏色的色值的設(shè)置。但是復(fù)制起來(lái)我覺(jué)得最方便的還是HEX，也就是16進(jìn)制的，所以這個(gè)東西一般來(lái)說(shuō)就是直接復(fù)制過(guò)來(lái)用。
          ·然后來(lái)看下RG.B，RG.B就很好理解了，RGB就是red、green還有就是blue，就是也是三原色，就這樣一個(gè)設(shè)置，注意它的寫(xiě)法是這樣的，RGB然后一個(gè)原跨號(hào)，然后里面是三個(gè)顏色的色值，然后中間用這種逗號(hào)來(lái)分隔一下，然后這個(gè)都是每一個(gè)顏色的色值都是0到255，0到255，0是最小，25是最大。
          ·如果說(shuō)像這個(gè)，車(chē)?yán)锞褪羌t色強(qiáng)度已經(jīng)是最強(qiáng)了，是這樣的一個(gè)意思，它這個(gè)數(shù)值越小，顏色強(qiáng)度就越弱。比如說(shuō)可以把這個(gè)顏色給它復(fù)制過(guò)來(lái)看一下，它就是這樣的一個(gè)顏色，比如說(shuō)可以調(diào)一下，比如說(shuō)125就變成這樣的一個(gè)顏色了。
          ·那它也有一個(gè)RGBA，其實(shí)就是后面再加一位這種0到1的值，比如說(shuō)0.2，0.2就是它的一個(gè)不透明度了，不透明度，比如說(shuō)給它這里去設(shè)置一個(gè)0.2，那它就有這個(gè)不透明度透明的效果了。
          ·這個(gè)是RGB和RG.BA，這個(gè)也很好理解，注意它每一位都是0到255這樣的一個(gè)設(shè)置方式，每一位的這個(gè)數(shù)值。
          ·如果是這個(gè)純白純黑，其實(shí)這里255、255、255，在255、255、255，三個(gè)255其實(shí)就是一個(gè)純白，跟這個(gè)ff是一樣的，然后純黑是這樣，零零零三個(gè)0。
          ·那這個(gè)其他的紅色、這個(gè)就更好理解。紅色就是255，其他都是0。綠色就是第二個(gè)255，其他都是0。藍(lán)色255，其他都是0。
          ·來(lái)看一下另外一個(gè)叫HSL和H.S.LA。這個(gè)a大家一看就知道什么意思了，a還是阿爾法的意思，也就是它的不透明的值。
          ·HSL是什么意思？a是一種顏色模式。它其實(shí)英文的全稱(chēng)應(yīng)該是Hue Saturation，還有l(wèi)ightnes.s，也就是色相、飽和度、亮度三個(gè)這樣的方面來(lái)設(shè)置顏色的值。它的寫(xiě)法大概是這個(gè)樣子，給大家看一下，這個(gè)我也很少用，是這樣的寫(xiě)法。
          ·它這里其實(shí)就是HSL，三個(gè)部分分別對(duì)應(yīng)H.SL。H其實(shí)是色輪的概念，它就是有個(gè)360度，所以H的范圍是0到360。另外的兩個(gè)S就是0到100%，L也是一樣的0%到10.0%。如果是HSLA，它其實(shí)也是0到1，比如0.2，是這樣一個(gè)模式。
          所以它這個(gè)寫(xiě)法其實(shí)跟RGB的基本的格式是一樣的，都是它的顏色模式的名字，圓括號(hào)，里面再是每一個(gè)對(duì)應(yīng)的設(shè)置內(nèi)容的值。這是這三種顏色的色值的設(shè)置模式。
          ·自己最常用的就是16進(jìn)制的，還有比較常用的，還有就是RGB和RGBA。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产精品女同一区二区|
久久国产精品一区免费下载|
中文字幕在线一区二区三区|
一区二区三区日本电影|
国模无码一区二区三区不卡|
无码精品黑人一区二区三区|
色欲综合一区二区三区|
大香伊人久久精品一区二区|
在线一区二区观看|
丰满人妻一区二区三区视频53
|
精品爆乳一区二区三区无码av|
无码人妻AV免费一区二区三区|
伊人久久一区二区三区无码|
国产成人av一区二区三区在线
|
国产无线乱码一区二三区|
久久久国产精品一区二区18禁|
亚洲av成人一区二区三区在线播放|
日韩久久精品一区二区三区|
色狠狠色噜噜Av天堂一区|
国产精品福利一区二区久久|
一区二区手机视频|
3D动漫精品一区二区三区|
一区二区三区在线|
亚洲一区二区三区久久久久|
无码国产精品一区二区高潮
|
中文字幕在线一区二区在线|
视频一区视频二区制服丝袜|
无码人妻精品一区二区三区99仓本
|
精品日本一区二区三区在线观看|
精品国产一区二区三区久久
|
国产福利电影一区二区三区，日韩伦理电影在线福
|
无码精品人妻一区二区三区影院
|
国产一区二区三区在线影院|
制服丝袜一区在线|
精品国产不卡一区二区三区|
加勒比无码一区二区三区|
日本免费一区二区久久人人澡|
日韩AV片无码一区二区不卡|
午夜天堂一区人妻|
亚洲欧洲∨国产一区二区三区|
国产在线观看精品一区二区三区91|