在進行網頁制作時,使用外鏈 CSS 可以使代碼更加簡潔易懂,同時也方便樣式的統一管理。以下是使用外鏈 CSS 制作網頁的步驟:
1. 創建一個 css 文件,并將其保存到網頁目錄中。例如,我們可以將文件名命名為 style.css。
<link rel="stylesheet" type="text/css" href="style.css">
3. 在代碼頭部將 link 標簽插入,將其與外部 css 文件連接。rel屬性應設置為 stylesheet,type屬性應為 text/css,而href屬性應為外部 css 文件的路徑。
4. 在 css 文件中輸入相應的樣式規則。例如:
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
padding: 0;
margin: 0;
}
h1, h2 {
color: #333;
text-align: center;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}
這是一些簡單的樣式規則,包括對文本字體、背景顏色、頁面布局的設置等。在這個示例中,樣式規則被應用于 body、h1、h2 和一個 class 為 container 的 div 元素。
5. 最后,在 HTML 中的相應元素中加入 CSS 類,如下所示:
<div class="container">
<h1>My Website</h1>
<p>This is my website.</p>
</div>
這里我們讓 div 元素使用了 class 為 container 的樣式規則,即 max-width、margin 和 padding 屬性。
以上就是使用外鏈 CSS 制作網頁的基本步驟,希望本文能幫助大家更好的理解和應用 css 網頁制作知識。
下一篇怎么用vs寫css