如何在網頁中引用CSS

2021-05-02 07:30:05 字數 641 閱讀 6687

如何在網頁中引用css?

2006-11-21 17:42

如何在網頁中引用css?

初學css的網友一般都對如何在網頁中使用css感到特別困惑,在這裡我把常用的方法介紹給大家,以解大家心頭之惑:)

(1)使用embed(嵌入樣式單)排版樣式:

即將css**直接插入每個頁面的html的

☆說明:css檔案的路徑用絕對路徑(http://...)表示或者用相對路徑(例如:../your.css)表示都可以。

然後再單獨生成乙個css檔案,叫做your.css (隨便起名)。檔案內容如下:

h2 h1

只要將這個css檔案上傳到伺服器中您指定的目錄即可。

(3)使用"inline(行內樣式單)排版樣式":

inline樣式單採用html標籤的「style」屬性,它的特點是「定義某乙個標籤的式樣單風格」,只對所定義的標籤起作用,並非對整個頁面起作用。例如:

層疊式樣單

看到的效果:

層疊式樣單

(4)使用「import(輸入的外部式樣單)」--適用於ie瀏覽器。

其中my.css樣式單檔案的內容如下:

h3 (5)使用「class」以及「id」引用(強烈推薦)。

class樣式

id樣式

如何在網頁中插入CSS

1.鏈入外部樣式表 上面這個例子表示瀏覽器從mystyle.css檔案中以文件格式讀出定義的樣式表。rel stylesheet 是指在頁面中使用這個外部的樣式表。type text css 是指檔案的型別是樣式表文字。href mystyle.css 是檔案所在的位置。media是選擇 型別,這些...

CSS教程 四 如何在網頁中插入CSS

css教程 四 如何在網頁中插入css 前兩章我們了解了css的語法,但要想在瀏覽器中顯示出效果,就要讓瀏覽器識別並呼叫。當瀏覽器讀採樣式表時,要依照文字格式來讀,這裡介紹四種在頁面中插入樣式表的方法 鏈入外部樣式表 內部樣式表 匯入外表樣式表和內嵌樣式。鏈入外部樣式表 鏈入外部樣式表是把樣式表儲存...

CSS教程 四 如何在網頁中插入CSS

前兩章我們了解了css的語法,但要想在瀏覽器中顯示出效果,就要讓瀏覽器識別並呼叫。當瀏覽器讀採樣式表時,要依照文字格式來讀,這裡介紹四種在頁面中插入樣式表的方法 鏈入外部樣式表 內部樣式表 匯入外表樣式表和內嵌樣式。鏈入外部樣式表 上面這個例子表示瀏覽器從mystyle.css檔案中以文件格式讀出定...