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

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

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

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

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

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

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

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

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

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