層疊樣式外部CSS的寫法
層疊樣式表（CSS）是一種用于描述HTML文檔樣式的語言，它可以控制文檔的布局、顏色、字體等，外部CSS是指將CSS代碼寫在HTML文檔的外部，通常保存在一個單獨的文件中，如style.css，在HTML文檔中使用外部CSS，可以通過在HTML文檔的頭部引用該CSS文件來實現(xiàn)。
下面是一個簡單的例子，展示如何在HTML文檔中使用外部CSS：
1、創(chuàng)建一個名為style.css的文件，并將以下CSS代碼寫入該文件：
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: navy;
font-size: 24px;
}
p {
color: black;
font-size: 16px;
}2、在HTML文檔的頭部引用style.css文件：
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來到我的網(wǎng)頁！</h1> <p>這是一個簡單的示例，展示如何在HTML文檔中使用外部CSS。</p> </body> </html>
在上面的例子中，我們通過<link>標簽將外部CSS文件style.css引入到HTML文檔中，該標簽的rel屬性指定了當前文檔與被鏈接文檔之間的關系，type屬性指定了被鏈接文檔的類型，href屬性指定了被鏈接文檔的URL，這樣，當瀏覽器渲染HTML文檔時，就會根據(jù)style.css文件中的CSS代碼來設置文檔的樣式。
版權聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時請以鏈接形式注明文章出處。
