在網頁設計中,我們需要使用CSS來控制頁面布局和樣式,為了方便維護和重用代碼,通常我們會將CSS代碼寫在外部樣式表文件中,然后在HTML頁面中引用這個樣式表。
要引用CSS外部樣式表,首先需要創建一個CSS文件,里面包含我們需要定義的樣式。如下代碼所示:
/* myStyle.css */
body {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
color: #333;
font-size: 32px;
text-align: center;
}
p {
color: #666;
font-size: 16px;
line-height: 1.5;
}
在HTML頁面中,我們使用標簽來引用這個樣式表。在標簽中加入如下代碼:<head>
<link rel="stylesheet" type="text/css" href="myStyle.css">
</head>
其中,rel屬性告訴瀏覽器這是一個樣式表,type屬性指定樣式表文件的類型,href屬性表示樣式表文件相對于當前頁面的路徑。這樣就可以把myStyle.css樣式表文件應用到HTML頁面中了。
除了使用標簽引用外部樣式表,還可以在