樣式表css包括哪四種引入方式

四種引入方式：1.直接在html標籤中使用style屬性引入；2、將css樣式規則寫在style標籤中；3、使用link標籤引入外部css檔案；4、在style標籤中，使用「@import」規則引入外部css檔案。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

一、使用style屬性： 將style屬性直接加在html標籤裡。

<标签 style="属性1: 设定值1; 属性2: 设定值2; ">

例如：

<td style="color:blue;font-size:9pt;font-family:&#39;黑体&#39;;line-height:150%;">

這種用法的優點是可靈巧應用樣式於各標籤中，但是缺點則是沒有整篇檔案的『統一性』 。

二、使用style標籤： 將樣式規則寫在標籤之中。

    <style type="text/css">
    <!--
    样式规则表    -->
    </style>

例如：

    <style type="text/css">
    <!--
    BODY {
    　　color: BLUE;
    　　background: #FFFFCC;
    　　font-size: 9pt}
    TD, P {
    　　COLOR: GREEN;
    　　font-size: 9pt}    -->
    </style>

通常是將整個的結構寫在網頁的 部份之中。

這種用法的優點就是在於整篇文件的統一性，只要是有聲明的標籤即會套用該樣式規則。

缺點就是在個別標籤的彈性不足

三、使用LINK標籤：

將樣式規則寫在.css的樣式檔案中，再以標籤引入。

假設我們把樣式規則存成一個example.css的檔案，我們只要在網頁中加入

<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">

即可套用該樣式檔案中所製定好的樣式了。通常是將LINK標籤寫在網頁的部份之中。

這種用法的優點就是是可以把要套用相同樣式規則的數篇檔案都指定到同一個樣式檔案即可。缺點也是在個別文件或標籤的彈性不足。

四、使用@import引入： 跟LINK用法很像，但必須放在 中。

    <STYLE TYPE="text/css">
    <!--
    　　@import url(引入的样式表的位址、路径与档名);    -->
    </STYLE>

例如：

    <STYLE TYPE="text/css">
    <!--
    　　@import url(http://yourweb/ example.css);
    -->
    </STYLE>

（學習影片分享：css影片教學）

以上是樣式表css包括哪四種引入方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！