CSS(層疊樣式表)是一種用于表現HTML或XML等文檔的樣式語言。CSS定義了諸如字體、顏色、布局等外觀樣式。HTML或XML文件可以在其頭部引用CSS樣式表,使其與文檔內容相分離,進而達到樣式統一、統一修改的目的。
<!DOCTYPE html> <html> <head> <title>CSS樣式表關聯示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Hello World</h1> <p>這是一個CSS樣式表的關聯示例。</p> </body> </html>
上例中,我們在
標簽中使用了標簽將樣式表文件“style.css”與當前HTML文件“index.html”關聯起來。通過href屬性指定樣式表文件的路徑,type屬性指定樣式表文件的類型為“text/css”。在樣式表文件“style.css”中,我們可以對網頁的各個元素的樣式做出更詳細的定義。例如:
body { font-family: Arial, sans-serif; } h1 { color: red; font-size: 36px; } p { color: blue; line-height: 1.5; }
在上述樣式定義中,我們使用選擇器(如“body”、“h1”、“p”)選擇了網頁中的元素,并設置了它們的樣式屬性(例如“color”、“font-size”)。可以在樣式表中增加更多的樣式定義,覆蓋、繼承、嵌套等多個樣式定義方式相結合,從而達到更細致、更精準控制網頁樣式的目的。
上一篇dw cs6 css規則
下一篇css樣式表格屬性