在網(wǎng)頁設(shè)計中，有時候我們需要對頁面進行樣式設(shè)計，其中就涉及到在HTML文件中調(diào)用CSS文件進行樣式引用。下面我們來介紹如何在HTML文件中進行外部引用格式CSS。
首先，我們需要創(chuàng)建一個 CSS 文件，通常以 .css 為文件格式。我們可以將 CSS 文件保存在與 HTML 文件相同的文件夾中，或在服務(wù)器的特定文件夾中。如下面我們創(chuàng)建一個樣式表文件
style.css。
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: Arial;
font-size: 20px;
}接下來，在 HTML 文件中，我們需要使用
<link>標(biāo)簽進行樣式引用。style.css 文件的鏈接應(yīng)該放在 HTML 文件的
<head>標(biāo)記內(nèi)。如下面的例子：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
當(dāng)瀏覽器讀取 HTML 文件時，它會自動下載并應(yīng)用樣式表文件。這樣，頁面上的元素就可以獲得樣式表中定義的樣式了。
總之，外部引用格式 CSS 是在網(wǎng)頁設(shè)計中常用的一種方式，也是一個非常方便的樣式設(shè)計實現(xiàn)方式。通過上面的介紹，相信大家現(xiàn)在已經(jīng)掌握了如何在 HTML 文件中進行外部引用格式 CSS 的方法。
上一篇多種圖片切換css代碼
下一篇外部式css樣式的例子