詳解HTML的style標籤以及相關的CSS引用_HTML/Xhtml_網頁製作

 HTML style 標籤

style 標籤-- 在文件中聲明樣式時使用此標籤
style標籤是成對出現的,以結束
屬性
media -- 媒體類型,

type -- 包含內容的類型,一般使用type="text/css"
範例

XML/HTML Code複製內容到剪貼簿

1. head>  
2.     style type type type
>
3.   
4.     abbr   
5.     {   
6.         font-size: 12px;   
7.     }   
8.     .text10pxwhite   
9.     {   
10.         font-size: 10px;   
11.         color: #FFFFFF;   
12.     }        style
>
13.   head

>

  

 內部引用CSS -- Internal

可以使用style標籤直接把CSS檔案中的內容載入到HTML文檔內部. 範例

CSS Code

1. 複製內容到剪貼簿
"text/css"
2. >
3. /* ----------文字樣式開始---------- */  
4.   
5. /* 夢之都白色12像素文字 */   .dreamduwhite
6. 12px  
7. {        color:
8. white;      font-size:12px
9. ;   
;   
10. ; }   
11. /* 夢之都黑色16像素文字 */  
.dreamdublack
12. 16px
  
13. {        color
:
14. black;   black;   black;  
    
15. font-size
:
16. 16px
;   
17. 16px;   }   
18.   

/* ----------文字樣式結束---------- */   ]]>