外部 CSS 文件是網(wǎng)頁設(shè)計(jì)中非常重要的一部分，可以使得網(wǎng)頁更加美觀、可讀性更好。本文將介紹如何在網(wǎng)頁中加載外部 CSS 文件。
首先，我們需要?jiǎng)?chuàng)建一個(gè) CSS 文件，并寫入相應(yīng)的樣式代碼。比如說，我們創(chuàng)建一個(gè)名為“style.css”的文件，其中包含以下代碼：
body {
background-color: #F5F5F5;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 2.5rem;
text-align: center;
}
p {
color: #666;
font-size: 1.25rem;
line-height: 1.5;
}
a {
color: #0099FF;
text-decoration: none;
}接下來，我們可以將這個(gè) CSS 文件鏈接到我們的 HTML 文件中。可以在 HTML 文件中使用 link 標(biāo)簽來完成這個(gè)任務(wù)。例如：<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Welcome to My Website</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu commodo magna. Integer nec pulvinar leo, ac commodo enim. Etiam vehicula sem eget velit feugiat posuere. Sed non nisl auctor, faucibus velit non, ullamcorper nulla.</p> <a href="#">Learn More</a> </body> </html>在這個(gè)例子中，我們使用了 “href” 屬性來指定 CSS 文件的路徑和文件名。注意，我們必須在 head 標(biāo)簽中使用 link 標(biāo)簽，并且要將 rel 屬性設(shè)置為 "stylesheet"，以使瀏覽器正確地解釋它。 最后，我們保存文件并在瀏覽器中打開 HTML 文件。如果 CSS 文件的路徑和文件名是正確的，我們的樣式將被應(yīng)用于 HTML 文件中的元素。 總之，加載外部 CSS 文件非常容易，只要我們在 HTML 文件中使用 link 標(biāo)簽，并將其鏈接到正確的 CSS 文件即可。