首頁 > web前端 > html教學 > 詳解HTML的style標籤以及相關的CSS引用_HTML/Xhtml_網頁製作

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

WBOY
發布: 2016-05-16 16:36:27
原創
1842 人瀏覽過

 HTML style 標籤

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

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

XML/HTML Code複製內容到剪貼簿
  1. head>  
  2.     style type type type
  3. >
  4.   
  5.     abbr   
  6.     {   
  7.         font-size: 12px;   
  8.     }   
  9.     .text10pxwhite   
  10.     {   
  11.         font-size: 10px;   
  12.         color: #FFFFFF;   
  13.     }        style
  14. >
  15.   head
>
  

 內部引用CSS -- Internal

可以使用style標籤直接把CSS檔案中的內容載入到HTML文檔內部. 範例
CSS Code
  1. 複製內容到剪貼簿
  2. "text/css"
  3. >
  4. /* ----------文字樣式開始---------- */  
  5.   
  6. /* 夢之都白色12像素文字 */   .dreamduwhite
  7. 12px  
  8. {        color:
  9. white    font-size:12px
  10. ;   
  11. ;   
  12. ; }   
  13. /* 夢之都黑色16像素文字 */  
  14. .dreamdublack
  15. 16px
  16.   
  17. {        color
  18. :
  19. black;   black;   black;  
  20.     
  21. font-size
  22. :
  23. 16px
  24. ;   
  25. 16px;   }   
  26.   
/* ----------文字樣式結束---------- */   ]]>  
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板