可以的,比如thinkphp用layout模板布局的話,公共樣式放在layout的header里,其他特地文件的樣式就是通過{__CONTENT__}引入到body里的,放在header比較規范點,引入在body里的css記得放在你的html前面,不然可能不會解析樣式
創新互聯主要從事網站建設、成都做網站、網頁設計、企業做網站、公司建網站等業務。立足成都服務西湖,十余年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18980820575
有三種方法可以在站點網頁上使用樣式表(CSS):
外聯式Linking(也叫外部樣式):將網頁鏈接到外部樣式表。
嵌入式Embedding(也叫內頁樣式):在網頁上創建嵌入的樣式表。
內聯式Inline(也叫行內樣式):應用內嵌樣式到各個網頁元素。
其中,優先級:內聯式 嵌入式 外聯式
外部樣式表
當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。
head
link rel="stylesheet" type="text/css" href="mystyle.css"
/head
內部樣式表
當單個文件需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 style 標簽定義內部樣式表。
head
style type="text/css"
body {background-color: red}
p {margin-left: 20px}/style
/head
內聯樣式
當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
p style="color: red; margin-left: 20px"
This is a paragraph
/p
有三種方法應用CSS
一、In-line 行內
行內樣式是在html標簽里直接使用style屬性
p style="color: red"text/p
設定段落文字紅色。
但要記住,最后的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。
二、Internal 內部
使用于整個頁面的植入內部樣式在head標簽里面,style標簽包圍樣式。
!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
...
所有段落文字紅色,鏈接藍色。
像行內樣式一樣,你應該保持HTML和CSS分離,所以我們只剩下救星。
三、外部
外部樣式使用在整個多樣頁面網站。它是一個獨立的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" /
...
建議才有外部樣式,這樣更能實現表現與內容的分離。。。
link rel="stylesheet" type="text/css" href="web.css" /
導入的時候一定要確認路徑是正確的。。。不然就算對了,也讀不到啊。。你說是吧。。:)
當瀏覽器讀取樣式表時,要依照文本格式來讀,這里介紹四種在頁面中插入樣式表的方法:鏈入外部樣式表、內部樣式表、導入外表樣式表和內嵌樣式。 1. 鏈入外部樣式表 鏈入外部樣式表是把樣式表保存為一個樣式表文件,然后在頁面中用標記鏈接到這個樣式表文件,這個標記必須放到頁面的區內,如下: ………… 上面這個例子表示瀏覽器從mystyle.css文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”是指在頁面中使用這個外部的樣式表。type=”text/css”是指文件的類型是樣式表文本。href=”mystyle.css”是文件所在的位置。media是選擇媒體類型,這些媒體包括:屏幕,紙張,語音合成設備,盲文閱讀設備等。 一個外部樣式表文件可以應用于多個頁面。當你改變這個樣式表文件時,所有頁面的樣式都隨之而改變。在制作大量相同樣式頁面的網站時,非常有用,不僅減少了重復的工作量,而且有利于以后的修改、編輯,瀏覽時也減少了重復下載代碼。 樣式表文件可以用任何文本編輯器(例如:記事本)打開并編輯,一般樣式表文件擴展名為.css。內容是定義的樣式表,不包含HTML標記,mystyle.css這個文件的內容如下: hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} /*定義水平線的顏色為土黃;段落左邊的空白邊距為20象素;頁面的背景圖片為images目錄下的back40.gif文件*/ 2. 內部樣式表 內部樣式表是把樣式表放到頁面的區里,這些定義的樣式就應用到頁面中了,樣式表是用 ………… 注意:有些低版本的瀏覽器不能識別style標記,這意味著低版本的瀏覽器會忽略style標記里的內容,并把style標記里的內容以文本直接顯示到頁面上。為了避免這樣的情況發生,我們用加HTML注釋的方式()隱藏內容而不讓它顯示: ………… 3. 導入外部樣式表 導入外部樣式表是指在內部樣式表的 ………… 例中@import “mystyle.css”表示導入mystyle.css樣式表,注意使用時外部樣式表的路徑。方法和鏈入樣式表的方法很相似,但導入外部樣式表輸入方式更有優勢。實質上它相當于存在內部樣式表中的。 注意:導入外部樣式表必須在樣式表的開始部分,在其他內部樣式表上面。 查看原帖
比如網頁中一個p標簽的樣式是:p style="color:red;"/p
然后現在通過css控制頁面就變成了:
p class="red"/p
然后在head標簽中間寫
style type="text/css"
.red{color:red;}
/style
當然也可以把放在head里的css放到一個css文件中,通過
link href="xx.css" rel="stylesheet" type="text/css" /引用
網站題目:調入css樣式,引入css樣式的方式
網頁路徑:http://www.2m8n56k.cn/article34/phjjse.html
成都網站建設公司_創新互聯,為您提供自適應網站、網站設計、做網站、網站設計公司、服務器托管、網站收錄
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯