在網頁制作過程中,為了讓頁面美觀且易于維護,我們通常會使用CSS樣式表來為網頁定義樣式。CSS有多種引入方式,其中一種是外部樣式表。
創建CSS外部樣式表的步驟如下:
1. 新建一個CSS文件,文件名可以自取,通常以.css為后綴名。比如說,我們新建了一個樣式表文件,命名為style.css。
/*此處為CSS代碼*/ body{ font-family: Arial, sans-serif; background-color: #eee; } h1{ color: #333; font-size: 36px; }
2. 在網頁的head標簽中添加link標簽,通過href屬性指定樣式表文件的路徑:
<head> <meta charset="UTF-8"> <title>我的網頁</title> <link rel="stylesheet" href="style.css"> </head>
上述代碼中,rel屬性指定link標簽與網頁之間關系的類型為樣式表,href屬性指定外部樣式表的路徑。
3. 把需要添加樣式的元素的樣式規則寫在樣式表文件里面。例如,我們為網頁的body元素添加了一個字體樣式和背景色。
通過以上三個步驟,我們就可以把CSS規則集集中地寫在一個文件里,方便使用和維護。同時,網頁也會因為外部樣式表的使用而變得更為模塊化和可讀性更高。
上一篇mysql中內和外連接
下一篇怎么制作css360旋轉