網(wǎng)頁(yè)中導入css樣式表的幾種方法

來(lái)源：昆明多彩科技 日期：2010-09-21 閱讀： 發(fā)表評論

1、網(wǎng)頁(yè)頭部引用外部的css樣式表：

第一種格式：在html中，<link rel="stylesheet" type="text/css" href="css/main.css"/>，這種方式兼容性最好，是最為常用的方法。

第二種格式：在xml中，<? xml-stylesheet type="text/css" href="http://www.predjimost.com/css/main.css" ?>

第三種格式：在html中，也可以使用<!-- @import url("http://www.predjimost.com/css/main.css"); -->該方法的缺點(diǎn)是兼容性不太好，老版本的瀏覽器可能無(wú)法支持該調用方法。

2、在網(wǎng)頁(yè)內容使用css樣式：

第一種格式：在html頁(yè)面頭部使用<style type="text/css"></style>格式，該樣式中的css屬性將應用到整個(gè)網(wǎng)頁(yè)中。

第二中格式：在網(wǎng)頁(yè)元素上使用，如：<p style="color:#f00">昆明網(wǎng)站建設</p>。

總結：以上方法的有優(yōu)先級別之分，在網(wǎng)頁(yè)元素上使用的級別最高，其次是頭部使用<style type="text/css"></style>，最后才是外部引用css樣式，如果這幾種方式定義了同一個(gè)元素的css屬性，以網(wǎng)頁(yè)元素上使用的為準。