詳解HTML的style標簽以及相關(guān)的CSS引用

字號:


    HTML style 標簽
    style 標簽 -- 在文檔中聲明樣式時使用此標簽
    style標簽是成對出現(xiàn)的,以<style>開始,以</style>結(jié)束
    屬性
    media -- 媒體類型,
    type -- 包含內(nèi)容的類型,一般使用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>  
    內(nèi)部引用CSS -- Internal
    可以使用style標簽直接把CSS文件中的內(nèi)容加載到HTML文檔內(nèi)部.
    示例
    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./* ----------文字樣式結(jié)束---------- */  
    18.]]></style>