載入CSS樣式的方式有哪些?如何使用?
如果要在HTML檔案中應用CSS樣式,最常用的有三種方法:
1。內部引用
所謂內部引用就是運用style標籤引用在同HTML頁內
部分的css定義。如:。cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}
2。外部引用
外部引用就是用標籤引用外部CSS檔案中的樣式。如欲實現上述效果,可將CSS做成單獨檔案。
檔案CSSSTYLE。CSS
。cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}
然後在HTML引用它:
使用這種方法引用要確保CSS檔案和HTML檔案的相對路徑完整無誤,要不然HTML文件是不會找到CSS樣式的。
3。內聯引用
內聯引用其實就是在應用CSS樣式的HTML部分直接在所做用的標籤上定義CSS樣式,這種方法最直接,但是缺點也最明顯,最大的問題就是程式碼繁冗,作用域也僅僅在定義的標籤的作用範圍。如:
THIS TEXT IS GREY
I AM NOT GREY, WHAT COLOR AM I? :)
在html中常用以下3種方式定義css:embedding(嵌入式)、linking(引用式)、inline(內聯式)
一、嵌入式:使用html的style元素,在文件中定義css樣式
h1{color:red}
p{color:blue}
二、內聯式 :每一個html元素都包含一個style屬性,可以直接定義樣式。該樣式僅能用於該元素的內容,對於另一個同名的元素則不起作用。
內聯樣式
三、外部引用式:外部引用指html文件本身不含有css樣式,而是動態引用外部的css檔案定義文件的表現形式。
1、使用樣式表的處理指令語句-在html文件的開頭部分寫一個關於樣式表的指令處理語句
指令語句
不過只有使用xml語法格式編寫的html文件才支援使用該指令,大多數瀏覽器僅當被儲存為xhtml或xml格式才有效,且js不能處理這種css,所以不建議使用。
2、使用@import命令 -在style元素之間使用@import命令匯入外部的css檔案
<!——下面兩行程式碼效果一樣
@import “mystyle。css”;
@import url(“mystyle。css”);
——>
任何@import規則必須出現在所有規則之前。引數是一個css檔案的url地址。在一個css檔案中也可以用@import指令將另一個css檔案匯入。
3、使用link元素
這也是最常用的方式。
4、使用http訊息報頭連結到樣式表 -可以使用http訊息報頭的link欄位連結一個外部樣式表。 link:
;rel=stylesheet;
//等同於
http報頭中可以使用多個link,從而連結多個樣式表,且http報頭中的link比html文件中的link(head元素中)具有優先順序。
鏈入外部樣式表文件 (Linking to a Style Sheet)
你可以先建立外部樣式表文件(。css),然後使用HTML的link物件。示例如下:
而在XML中,你應該如下例所示在宣告區中加入:
<? xml-stylesheet type=“text/css” href=“http://www。dhtmlet。com/rainer。css” ?>>
定義內部樣式塊物件 (Embedding a Style Block)
你可以在你的HTML文件的和
標記之間插入一個塊物件。 定義方式請參閱樣式表語法。示例如下:<!——
body {font: 10pt “Arial”}
h1 {font: 15pt/17pt “Arial”; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt “Arial”; font-weight: bold; color: blue}
p {font: 10pt/12pt “Arial”; color: black}
——>
請注意,這裡將style物件的type屬性設定為“text/css”,是允許不支援這型別的瀏覽器忽略樣式表單。
內聯定義 (Inline Styles)
內聯定義即是在物件的標記內使用物件的style屬性定義適用其的樣式表屬性。示例如下:
這一行被增加了左右的外補丁
我所知的有三種:
第一種是在本頁引用CSS(這種方式一般只在TEB“表格佈局”中用到,不建議在本頁引用)
第二種是連線式,意思就是單獨建一個CSS檔案,CSS單獨寫上去,之後用連線的方式將你所希望受此CSS影響的頁面連結起來(常用,推薦)
第三種是匯入式,意思和第二種連線式類似,把寫好的CSS匯入到當前頁(幾乎不用,不推薦)
以上三種就是CSS的載入方式,第二種為網站製作常用。
連線式,匯入式可以在DW介面按Shift+F11開啟CSS面板,下面有一個像鎖鏈一樣的按鈕,按下去,彈出一個選擇框,你就可以選著你想怎麼載入CSS的方式,載入完,頁面會有相應的程式碼,可供你參考~
如果要在HTML檔案中應用CSS樣式,最常用的有三種方法:
1。內部引用
所謂內部引用就是運用style標籤引用在同HTML頁內
部分的css定義。2。外部引用
外部引用就是用標籤引用外部CSS檔案中的樣式。如欲實現上述效果,可將CSS做成單獨檔案。
使用這種方法引用要確保CSS檔案和HTML檔案的相對路徑完整無誤,要不然HTML文件是不會找到CSS樣式的。
3。內聯引用
內聯引用其實就是在應用CSS樣式的HTML部分直接在所做用的標籤上定義CSS樣式,這種方法最直接。