萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 詳解HTML的style標簽以及相關的CSS引用

詳解HTML的style標簽以及相關的CSS引用

   HTML style 標簽

  style 標簽 -- 在文檔中聲明樣式時使用此標簽

  style標簽是成對出現的,以 結束

  屬性

  media -- 媒體類型,

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

  示例

 XML/HTML Code復制內容到剪貼板

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

  內部引用CSS -- Internal

  可以使用style標簽直接把CSS文件中的內容加載到HTML文檔內部.

  示例

 CSS Code復制內容到剪貼板

  1. <style type="text/css"><![CDATA[
  2. /* ----------文字樣式開始---------- */
  3.  
  4. /* 夢之都白色12象素文字 */
  5. .dreamduwhite12px
  6. {
  7. color:white;
  8. font-size:12px;
  9. }
  10. /* 夢之都黑色16象素文字 */
  11. .dreamdublack16px
  12. {
  13. color:black;
  14. font-size:16px;
  15. }
  16.  
  17. /* ----------文字樣式結束---------- */
  18. ]]></style>  

 

copyright © 萬盛學電腦網 all rights reserved