CSS樣式的引用方式有三種:
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比成安網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式成安網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋成安地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。
一、行間樣式表
行間樣式表是指將CSS樣式編碼寫在HTML標(biāo)簽中,格式如下
h1 style="font-size:12px;color:#000FFF"
我的CSS樣式。
/h1
行間樣式表由HTML元素的HTML元素的style支持,只需將CSS代碼用分號(hào)隔開寫在style=""之中。這是最基本的形式,但是它沒(méi)有實(shí)現(xiàn)表現(xiàn)與內(nèi)容分離且不能靈活的控制多個(gè)頁(yè)面所以我們只是在調(diào)試CSS代碼的時(shí)候使用。
二、內(nèi)部樣式表
內(nèi)部樣式表與行間樣式表相似都是把CSS代碼寫在HTML頁(yè)面中,稍微不同的是前者可以將樣式表放在一個(gè)固定的位置,格式如下
html
head
title內(nèi)部樣式表/title
style type="text/css"
h1{font-size:12px;
color:#000FFF
}
/style
/head
body
h1我的CSS樣式。/h1
/body
/html
內(nèi)部樣式表編碼是初級(jí)的應(yīng)用形式,不能達(dá)到跨頁(yè)面使用所以不適合使用。
三、外部樣式表
外部樣式表是CSS應(yīng)用中最好的一種形式,它將CSS樣式代碼單獨(dú)放在一個(gè)外部文件中,再由網(wǎng)頁(yè)進(jìn)行調(diào)用。多個(gè)網(wǎng)頁(yè)可以調(diào)用一個(gè)樣式文件表,這樣能夠?qū)崿F(xiàn)代碼的最大限度的重用及網(wǎng)站文件的最優(yōu)化配置,格式如下
html
head
title外部樣式表/title
link rel="stylesheet" rev="stylesheet" href="style.css"
/head
body
h1我的CSS樣式。/h1
/body
/html
在style.css中的代碼為
h1{font-size:12px;
color:#000FFF
}
我們?cè)趆ead中使用了link標(biāo)簽來(lái)調(diào)用外部樣式表文件。將link指定為stylesheet方式,并使用了href="style.css"指明樣式表文件的路徑便可將該頁(yè)面應(yīng)用到在style.css中定義的樣式。
據(jù)我個(gè)人經(jīng)驗(yàn)看:
行間樣式就是可以在 所需的位置隨時(shí)調(diào)整,比如說(shuō),要修改一個(gè)文字的顏色,那么修改該處的行間樣式即可,也就是修改的位置即是要顯示的位置,馬上可以看到。還有一個(gè)優(yōu)點(diǎn)是可以直接控制該標(biāo)簽或者元素,優(yōu)先級(jí)最高,修改即生效,缺點(diǎn):這樣的樣式只能一個(gè)一個(gè)來(lái),不能互相套用(copy不算套用。)
內(nèi)部樣式就是寫在頂部的本頁(yè)內(nèi)定義的樣式,這個(gè)的好處在于可以方便的修改本頁(yè)內(nèi)統(tǒng)一定義的樣式,比如定義一個(gè)class,頁(yè)面內(nèi)所有涉及位置都會(huì)隨之改變,方便頁(yè)內(nèi)統(tǒng)一管理,同時(shí)當(dāng)需要修改的時(shí)候不需要到某一個(gè)元素或者標(biāo)簽的位置,在頂部統(tǒng)一修改即可,缺點(diǎn)在于:這樣的樣式要使用好,不然互相的父子元素之間的套用關(guān)系優(yōu)點(diǎn)復(fù)雜,另外,這個(gè)樣式也僅僅是對(duì)本頁(yè)有效。
外部樣式就是在頂部從外部引入的樣式,該樣式的定義與內(nèi)部樣式一樣,只是由外部的css文件定義而已,優(yōu)點(diǎn)在于同樣的樣式不需要重寫每一頁(yè)的代碼,只要有使用需求,只需要都引入該相同的外部樣式文件即可,這樣避免了每個(gè)網(wǎng)頁(yè)重寫一遍的麻煩。缺點(diǎn)在于:修改的時(shí)候要修改單獨(dú)的文件,如果外部樣式css文件管理不好,會(huì)造成,想修改一個(gè)頁(yè)面的樣式,影響了很多不需要修改的頁(yè)面樣式,同時(shí),在修改某一頁(yè)某個(gè)標(biāo)簽樣式的時(shí)刻,在復(fù)雜的css文件中很不容易定位找到,也就是不能“想改它,就改它”,需要到外面“找到它,再改它,回去再看它”。
三個(gè)各有優(yōu)勢(shì),很多人認(rèn)為外部最好,個(gè)人建議還是根據(jù)需要混合使用,盡量通用的,不需要頻繁更改的盡量使用外部樣式,單一頁(yè)面樣式統(tǒng)一但與其他頁(yè)面區(qū)別的,用內(nèi)部樣式作為外部樣式的補(bǔ)充,對(duì)于內(nèi)部和外部樣式都不好按照你的愿望修改的,可以用行間樣式強(qiáng)行修改。
希望我大答案讓你滿意。
外部樣式表: 當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過(guò)改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。每個(gè)頁(yè)面使用 link 標(biāo)簽鏈接到樣式表。link 標(biāo)簽在(文檔的)頭部:head link rel="stylesheet" type="text/css" href="mystyle.css" / /head瀏覽器會(huì)從文件 mystyle.css 中讀到樣式聲明,并根據(jù)它來(lái)格式文檔。
內(nèi)部樣式表: 當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表。你可以使用 style 標(biāo)簽在文檔頭部定義內(nèi)部樣式表,就像這樣:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}?
內(nèi)聯(lián)樣式: 由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。請(qǐng)慎用這種方法,例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。
樣式的引用形式大致可分為以下四種:
一、行間樣式,即直接加在標(biāo)簽上的樣式 例:div style="width:50px;"/div
二、內(nèi)聯(lián)樣式 即用style /style標(biāo)簽括起來(lái)寫在頁(yè)面中的樣式
三、外聯(lián)樣式:即將樣式單獨(dú)放到一個(gè)文件夾中,然后用link標(biāo)簽引入頁(yè)面的形式
四,導(dǎo)入樣式,即將樣式,按模塊劃分或其它的分法分別放在不同的css文件中,然后用@導(dǎo)入到其它樣式中 。此方法建議不要用,因?yàn)樾什皇翘貏e高
前三種的優(yōu)先級(jí)為: 行間 內(nèi)聯(lián) 外聯(lián)