外部樣式表.css怎么寫
在HTML中,外部樣式表是一種將CSS樣式代碼存儲在單獨的.css文件中,并通過HTML文檔的<link>元素引入的技術(shù),使用外部樣式表可以使得HTML文檔更加簡潔明了,同時也方便樣式的維護和修改。
下面是一個簡單的示例,展示了如何編寫一個外部樣式表.css文件:
/樣式表文件style.css */
/* 定義一個樣式規(guī)則,設(shè)置HTML文檔的標題顏色為藍色 */
h1 {
color: blue;
}
/* 定義一個樣式規(guī)則,設(shè)置HTML文檔中的段落顏色為黑色 */
p {
color: black;
}
/* 定義一個樣式規(guī)則,設(shè)置HTML文檔中的鏈接顏色為紅色 */
a {
color: red;
}
在HTML文檔中,可以通過<link>元素引入外部樣式表:
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁標題</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來到我的網(wǎng)頁!</h1> <p>這是一個段落。</p> <a href="#">這是一個鏈接</a> </body> </html>
在上面的示例中,style.css
文件被引入到了HTML文檔中,并通過CSS選擇器設(shè)置了標題、段落和鏈接的顏色,這樣,當瀏覽器渲染HTML文檔時,就會應(yīng)用這些樣式規(guī)則,使得網(wǎng)頁的外觀更加美觀和一致。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。