在網頁制作中,CSS樣式表是一個不可或缺的部分,可以實現(xiàn)網頁的美化和布局。在使用CSS樣式表時,有兩種方式:內部樣式表和外部樣式表。本文將針對外部樣式表的引用方式進行介紹。
外部樣式表是一種獨立的 .css 文件,可以包含整個網站的樣式。為了將外部樣式表引入到 HTML 文檔中,需要使用 <link> 標簽。
<link rel="stylesheet" type="text/css" href="style.css">
上述代碼中,<link> 標簽使用了三個屬性:
- rel:規(guī)定與文檔之間的關系,這里指樣式表與 HTML 文檔是“stylesheet”(樣式表)的關系。
- type:規(guī)定樣式表的類型,這里是“text/css”表明樣式表的內容為 CSS 樣式。
- href:規(guī)定外部樣式表文件的位置(路徑)及文件名。例如,上述代碼中的“style.css”文件應該與 HTML 文檔在同一個目錄下。
需要注意的是,<link> 標簽應該放在 HTML 文檔的 <head> 標簽中。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
通過外部樣式表引入 CSS 樣式,可以實現(xiàn)代碼分離,方便維護和管理。同時,多個 HTML 文檔可以共享一份外部樣式表,提高重用性和代碼效率。
下一篇css外邊距合并代碼