CSS(Cascade Style Sheets),層疊樣式表,是一種用于描述文檔表現層樣式的語言。我們可以使用內部樣式表或外部樣式表來定義CSS規則。本文主要介紹如何使用外部引用CSS文件來定義樣式。
在HTML文檔中,我們使用<link>標簽來引用外部CSS文件。在<link>標簽中,需要設置rel屬性為“stylesheet”,href屬性為CSS文件的路徑。下面是一個簡單的例子:
<link rel="stylesheet" type="text/css" href="style.css">
在上面的例子中,CSS文件的路徑是"style.css",若CSS文件與HTML文件在同一目錄下,則直接寫文件名即可。若CSS文件在其他目錄下,則需寫全路徑,如:
<link rel="stylesheet" type="text/css" href="css/style.css">
上面的例子中,CSS文件位于HTML文件的同級目錄下的“css”目錄中。
另外,如果有多個CSS文件需要引用,可以在<link>標簽中使用不同的href屬性值,并且可以使用不同的media屬性來定義不同的設備。例如:
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="mobile.css" media="only screen and (max-width: 768px)"> <link rel="stylesheet" type="text/css" href="print.css" media="print">
在上面的例子中,第一個CSS文件適用于所有設備,第二個CSS文件只適用于屏幕寬度小于等于768px的移動設備,第三個CSS文件只適用于打印設備。
最后,當CSS文件路徑發生變化時,需要相應更改<link>標簽中的href屬性值,以保證樣式正確引用。
上一篇用什么軟件測量css高度
下一篇css圖片滑過會動