可以的,比如thinkphp用layout模板布局的話,公共樣式放在layout的header里,其他特地文件的樣式就是通過(guò){__CONTENT__}引入到body里的,放在header比較規(guī)范點(diǎn),引入在body里的css記得放在你的html前面,不然可能不會(huì)解析樣式
創(chuàng)新互聯(lián)主要從事網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)西湖,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18980820575
有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表(CSS):
外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁(yè)鏈接到外部樣式表。
嵌入式Embedding(也叫內(nèi)頁(yè)樣式):在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。
內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。
其中,優(yōu)先級(jí):內(nèi)聯(lián)式 嵌入式 外聯(lián)式
外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過(guò)更改一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。
head
link rel="stylesheet" type="text/css" href="mystyle.css"
/head
內(nèi)部樣式表
當(dāng)單個(gè)文件需要特別樣式時(shí),就可以使用內(nèi)部樣式表。你可以在 head 部分通過(guò) style 標(biāo)簽定義內(nèi)部樣式表。
head
style type="text/css"
body {background-color: red}
p {margin-left: 20px}/style
/head
內(nèi)聯(lián)樣式
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí),就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
p style="color: red; margin-left: 20px"
This is a paragraph
/p
有三種方法應(yīng)用CSS
一、In-line 行內(nèi)
行內(nèi)樣式是在html標(biāo)簽里直接使用style屬性
p style="color: red"text/p
設(shè)定段落文字紅色。
但要記住,最后的HTML應(yīng)該是獨(dú)立出來(lái),使用表現(xiàn)文檔,所以行內(nèi)樣式應(yīng)該在任何地方避免。
二、Internal 內(nèi)部
使用于整個(gè)頁(yè)面的植入內(nèi)部樣式在head標(biāo)簽里面,style標(biāo)簽包圍樣式。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html
head
titleCSS Example/title
style type="text/css"
p {
color: red;
}
a {
color: blue;
}
/style
...
所有段落文字紅色,鏈接藍(lán)色。
像行內(nèi)樣式一樣,你應(yīng)該保持HTML和CSS分離,所以我們只剩下救星。
三、外部
外部樣式使用在整個(gè)多樣頁(yè)面網(wǎng)站。它是一個(gè)獨(dú)立的CSS文件,像下面一樣:
p {
color: red;
}
a {
color: blue;
}
如果上面保存為“web.css”,HTML里面的鏈接就像下面:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html
head
titleCSS Example/title
link rel="stylesheet" type="text/css" href="web.css" /
...
建議才有外部樣式,這樣更能實(shí)現(xiàn)表現(xiàn)與內(nèi)容的分離。。。
link rel="stylesheet" type="text/css" href="web.css" /
導(dǎo)入的時(shí)候一定要確認(rèn)路徑是正確的。。。不然就算對(duì)了,也讀不到啊。。你說(shuō)是吧。。:)
當(dāng)瀏覽器讀取樣式表時(shí),要依照文本格式來(lái)讀,這里介紹四種在頁(yè)面中插入樣式表的方法:鏈入外部樣式表、內(nèi)部樣式表、導(dǎo)入外表樣式表和內(nèi)嵌樣式。 1. 鏈入外部樣式表 鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件,然后在頁(yè)面中用標(biāo)記鏈接到這個(gè)樣式表文件,這個(gè)標(biāo)記必須放到頁(yè)面的區(qū)內(nèi),如下: ………… 上面這個(gè)例子表示瀏覽器從mystyle.css文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”是指在頁(yè)面中使用這個(gè)外部的樣式表。type=”text/css”是指文件的類(lèi)型是樣式表文本。href=”mystyle.css”是文件所在的位置。media是選擇媒體類(lèi)型,這些媒體包括:屏幕,紙張,語(yǔ)音合成設(shè)備,盲文閱讀設(shè)備等。 一個(gè)外部樣式表文件可以應(yīng)用于多個(gè)頁(yè)面。當(dāng)你改變這個(gè)樣式表文件時(shí),所有頁(yè)面的樣式都隨之而改變。在制作大量相同樣式頁(yè)面的網(wǎng)站時(shí),非常有用,不僅減少了重復(fù)的工作量,而且有利于以后的修改、編輯,瀏覽時(shí)也減少了重復(fù)下載代碼。 樣式表文件可以用任何文本編輯器(例如:記事本)打開(kāi)并編輯,一般樣式表文件擴(kuò)展名為.css。內(nèi)容是定義的樣式表,不包含HTML標(biāo)記,mystyle.css這個(gè)文件的內(nèi)容如下: hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} /*定義水平線的顏色為土黃;段落左邊的空白邊距為20象素;頁(yè)面的背景圖片為images目錄下的back40.gif文件*/ 2. 內(nèi)部樣式表 內(nèi)部樣式表是把樣式表放到頁(yè)面的區(qū)里,這些定義的樣式就應(yīng)用到頁(yè)面中了,樣式表是用 ………… 注意:有些低版本的瀏覽器不能識(shí)別style標(biāo)記,這意味著低版本的瀏覽器會(huì)忽略style標(biāo)記里的內(nèi)容,并把style標(biāo)記里的內(nèi)容以文本直接顯示到頁(yè)面上。為了避免這樣的情況發(fā)生,我們用加HTML注釋的方式()隱藏內(nèi)容而不讓它顯示: ………… 3. 導(dǎo)入外部樣式表 導(dǎo)入外部樣式表是指在內(nèi)部樣式表的 ………… 例中@import “mystyle.css”表示導(dǎo)入mystyle.css樣式表,注意使用時(shí)外部樣式表的路徑。方法和鏈入樣式表的方法很相似,但導(dǎo)入外部樣式表輸入方式更有優(yōu)勢(shì)。實(shí)質(zhì)上它相當(dāng)于存在內(nèi)部樣式表中的。 注意:導(dǎo)入外部樣式表必須在樣式表的開(kāi)始部分,在其他內(nèi)部樣式表上面。 查看原帖
比如網(wǎng)頁(yè)中一個(gè)p標(biāo)簽的樣式是:p style="color:red;"/p
然后現(xiàn)在通過(guò)css控制頁(yè)面就變成了:
p class="red"/p
然后在head標(biāo)簽中間寫(xiě)
style type="text/css"
.red{color:red;}
/style
當(dāng)然也可以把放在head里的css放到一個(gè)css文件中,通過(guò)
link href="xx.css" rel="stylesheet" type="text/css" /引用