DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 詳解HTML的style標簽以及相關的CSS引用
詳解HTML的style標簽以及相關的CSS引用
編輯:HTML和Xhtml     

 HTML style 標簽

style 標簽 -- 在文檔中聲明樣式時使用此標簽
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>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved