在HTML中，我們常常需要使用CSS來為網(wǎng)頁添加樣式。那么，如何將CSS導(dǎo)入到HTML中呢？
首先，我們需要一個(gè)CSS文件。CSS文件是一種文本文件，其中包含了關(guān)于網(wǎng)頁的樣式信息，如字體、顏色、布局等等。我們可以使用文本編輯器來創(chuàng)建CSS文件，命名為“style.css”或其他命名方式均可。
/*樣式CSS文件*/
body {
font-family: Arial, sans-serif;
color: #333;
}
h1 {
font-size: 2.5rem;
text-align: center;
}
p {
font-size: 1.2rem;
}接下來，在HTML文件的頭部使用標(biāo)簽來導(dǎo)入CSS文件。在標(biāo)簽的href屬性中指定CSS文件的路徑，如下所示：
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網(wǎng)頁</h1> <p>這是一個(gè)簡(jiǎn)單的網(wǎng)頁，使用CSS來添加樣式效果。</p> </body> </html>
其中，標(biāo)簽要放在
標(biāo)簽內(nèi)。href屬性的值需要根據(jù)CSS文件所在的路徑進(jìn)行設(shè)置，此處假設(shè)CSS文件和HTML文件在同一文件夾內(nèi)。當(dāng)瀏覽器解析HTML文件時(shí)，會(huì)自動(dòng)加載CSS文件，并應(yīng)用其中的樣式信息。這樣，我們就能夠輕松地為網(wǎng)頁添加樣式了。