云南網(wǎng)站建設創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡公司

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

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

css樣式對于網(wǎng)站外觀修飾上有著無與倫比的方便和快捷,為了考慮網(wǎng)站代碼簡潔性,css都是通過外部來調(diào)用的,css文件有下面幾種方式調(diào)用到網(wǎng)頁中來

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

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

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

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

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

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

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

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

發(fā)表評論評論列表(有 條評論)