CSS鏈入式教程是Web設計中必不可少的部分,即使您是一個初學者,也必須掌握如何將CSS文件鏈接到HTML文檔中。在本教程中,我們將學習如何使用CSS文件來控制Web頁面上的樣式和布局。
.header {
background-color: #333;
color: #fff;
font-size: 24px;
padding: 20px;
}
.nav {
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
display: inline-block;
margin-right: 10px;
}
.nav li a {
color: #fff;
text-decoration: none;
padding: 5px;
border-bottom: 2px solid transparent;
}
.nav li a:hover {
border-bottom-color: #fff;
}
如上所示的代碼是一個包含了頭部和導航欄樣式的CSS文件。要將這個文件鏈接到HTML文檔中,我們需要在head標簽中使用link標簽來引入這個文件。
<head>
<link rel="stylesheet" href="style.css">
</head>
在head標簽中,我們使用link標簽指定了CSS文件的路徑,并使用rel屬性來說明它是一個樣式表。在href屬性中,我們使用相對路徑來指向CSS文件的位置。
通過這樣做,我們就可以將CSS文件鏈接到HTML文檔中,并控制Web頁面的樣式和布局。