在Xhtml網頁中如何加入css呢？這篇教程告訴大家引入CSS的幾種方式。

XHTML文件是通過CSS樣式進行顯示的控制的，也就是結合XHTML與CSS來表現頁面內容。那么到底有哪些方式在XHTML文件中引入CSS樣式呢？

一、使用STYLE屬性

將STYLE屬性直接加在個別的元件標簽里，

例如：

網頁教學網 – http://www.webjx.com

這種方法優點：可靈巧應用樣式於各標簽中。方便于編寫代碼時的使用。

這種方法缺點：沒有整篇文件的“統一性”，在需要修改某樣式的時候也變的比較困難。

二、使用STYLE標簽

將樣式規則寫在標簽之中。

樣式規則表

–>

例如：

body {

color: #666;

background: #f0f0f0;

font-size: 12px;

}

td,p {

color:#c00;

font-size: 12px;

}

–>

通常是將整個的 結構寫在網頁的

部份之中。

這種方法的優點：整篇文章有了統一性，只要是有聲明的的元件即會套用該樣式規則。

這種方法的缺點：個別元件的靈活度不足，整站的功能性較弱。

三、使用 LINK標簽

將樣式規則寫在.css的樣式文件中，再以標簽引入。

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

這樣引入該css樣式表文件以后，就可以直接套用該樣式檔案中所制定的樣式了。 通常是將link標簽寫在網頁的

部份之中。

這種方法的優點：可以把要套用相同樣式規則的數篇文件都指定到同一個樣式文件中，可以進行統一的修改，也便于整站的設置有統一的風格。一般css網頁布局都使用此種方法。

這種方法的缺點：在個別文件或元素的靈活度不足。

跟link方法很像，但必須放在 中：

[email?protected] url(引入的樣式表的位址、路徑與檔名);

–>

例如：

[email?protected] url(css/example.css);

–>

要注意的是，行末的分號是必須的！千萬不能漏寫！

這種方法的優點：可以靈活的引入css文件對xhtml元素進行控制。有時候也用來編寫某些css hack。

這種方法的缺點：在個別文件或元素的靈活度不足。

五、使用標記引入樣式

例如：

網頁教學網? – http://www.webjx.com

這種方法優點：可靈巧應用樣式於各標簽中。方便于編寫代碼時的使用。

這種方法缺點：沒有整篇文件的“統一性”，在需要修改某樣式的時候也變的比較困難。

歡迎大家閱讀《初學必知：XHTML網頁中加入CSS的五種方…_css》,跪求各位點評,若覺得好的話請收藏本文，by 搞代碼

搞代碼網(gaodaima.com)提供的所有資源部分來自互聯網，如果有侵犯您的版權或其他權益，請說明詳細緣由并提供版權或權益證明然后發送到郵箱[email?protected]，我們會在看到郵件的第一時間內為您處理，或直接聯系QQ：872152909。本網站采用BY-NC-SA協議進行授權

轉載請注明原文鏈接：初學必知：XHTML網頁中加入CSS的五種方_css

總結

以上是生活随笔為你收集整理的css样式加入的法方,初学必知：XHTML网页中加入CSS的五种方_css的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。