日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
解析CSS應(yīng)用的三大場(chǎng)合

這里和大家分享一下應(yīng)用CSS的三種方法，比如In-line行內(nèi)，行內(nèi)樣式是在html標(biāo)簽里直接使用style屬性，而外部樣式使用在整個(gè)多樣頁(yè)面網(wǎng)站，它是一個(gè)獨(dú)立的CSS文件。

應(yīng)用CSS的三種方法

一、In-line行內(nèi)

　　行內(nèi)樣式是在html標(biāo)簽里直接使用style屬性

ExampleSourceCode

 
 
 
    
  
  
  
  1. text
     
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4.

　　設(shè)定段落文字紅色。
　　但要記住，***的HTML應(yīng)該是獨(dú)立出來(lái)，使用表現(xiàn)文檔，所以行內(nèi)樣式應(yīng)該在任何地方避免。

二、Internal內(nèi)部

　　使用于整個(gè)頁(yè)面的植入內(nèi)部樣式在head標(biāo)簽里面，style標(biāo)簽包圍樣式。

ExampleSourceCode 

 
 
 
    
  
  
  
  1. 
  
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. CSSExample 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. p{  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. color:red;  
    10. 
  
  
  
  10. }  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12. a{  
    13. 
  
  
  
  13. color:blue;  
    14. 
  
  
  
  14. }  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16. ...  
    17. 
  
  
  
  17.  
    18.

　　所有段落文字紅色，鏈接藍(lán)色。
　　像行內(nèi)樣式一樣，你應(yīng)該保持HTML和CSS分離，所以我們只剩下救星。

三、外部

　　外部樣式使用在整個(gè)多樣頁(yè)面網(wǎng)站。它是一個(gè)獨(dú)立的CSS文件，像下面一樣：

ExampleSourceCode 

 
 
 
    
  
  
  
  1. p{  
    2. 
  
  
  
  2. color:red;  
    3. 
  
  
  
  3. }  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. a{  
    6. 
  
  
  
  6. color:blue;  
    7. 
  
  
  
  7. }  
    8. 
  
  
  
  8.  
    9.

　　如果上面保存為“web.css”，HTML里面的鏈接就像下面：

ExampleSourceCode 

 
 
 
    
  
  
  
  1. 
  
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. CSSExample 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
 
 
 

　　后面教程里會(huì)講到其他外聯(lián)樣式的方法，現(xiàn)在已經(jīng)足夠了。

　　從這篇指導(dǎo)里面，我們以后沿著上面的方法實(shí)驗(yàn)代碼是個(gè)好主意，用文本編輯器新建文件，保存為"web.css"在html目錄。

ExampleSourceCode 

 
 
 
    
  
  
  
  1. 
  
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. Myfirstwebpage 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8. ...  
    9.

　　保存HTML文件，現(xiàn)在已經(jīng)鏈接上CSS，不過(guò)現(xiàn)在CSS是空的，沒(méi)有內(nèi)容不會(huì)改變HTML。當(dāng)你開(kāi)始學(xué)習(xí)CSS，就可以添加代碼到CSS文件里，看HTML刷新后的結(jié)果。
 

【編輯推薦】

  1. CSS Sprites對(duì)CSS布局的意義
  2. 全面認(rèn)識(shí)CSS中margin屬性用法
  3. 暢談CSS編碼與組織技巧
  4. 暢談CSS編碼與組織技巧
  5. 專家推薦 DIV CSS表單布局的五個(gè)小技巧

名稱欄目：解析CSS應(yīng)用的三大場(chǎng)合
文章出自：http://www.5511xx.com/article/cdgjdco.html