日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

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

應用CSS的三種方法

一、In-line行內

　　行內樣式是在html標簽里直接使用style屬性

ExampleSourceCode

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

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

二、Internal內部

　　使用于整個頁面的植入內部樣式在head標簽里面，style標簽包圍樣式。

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.

　　所有段落文字紅色，鏈接藍色。
　　像行內樣式一樣，你應該保持HTML和CSS分離，所以我們只剩下救星。

三、外部

　　外部樣式使用在整個多樣頁面網(wǎng)站。它是一個獨立的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. 
 
 
 

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

　　從這篇指導里面，我們以后沿著上面的方法實驗代碼是個好主意，用文本編輯器新建文件，保存為"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，不過現(xiàn)在CSS是空的，沒有內容不會改變HTML。當你開始學習CSS，就可以添加代碼到CSS文件里，看HTML刷新后的結果。
 

【編輯推薦】

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

網(wǎng)頁名稱：解析CSS應用的三大場合
鏈接URL：http://www.dlmjj.cn/article/cdgjdco.html