CSS(Cascading Style Sheets)樣式表是一種用于控制網頁外觀呈現的技術。它定義了各種元素(例如文本、鏈接、頁面布局等)的樣式和格式,并通過將這些樣式和格式應用于 HTML 或 XML 文檔中的標記來改變其外觀。
p { font-size: 16px; /* 設置字體大小為16像素 */ color: #333; /* 設置文本顏色為深灰色 */ line-height: 1.5; /* 設置行高為文本大小的1.5倍 */ } a { color: #0077cc; /* 設置鏈接顏色為深藍色 */ text-decoration: none; /* 去除下劃線 */ } .container { width: 960px; /* 設置容器寬度為960像素 */ margin: 0 auto; /* 居中顯示 */ background-color: #f5f5f5; /* 設置背景顏色為淺灰色 */ }
CSS 樣式表具有層疊性(Cascading),它可以繼承和覆蓋樣式。CSS 樣式表可以通過以下方式進行引用:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在這個樣式表(style.css)中可以定義各種樣式和格式化,它們將被瀏覽器解析并應用于 HTML 或 XML 文檔中的標記,從而改變其外觀。
CSS 樣式表的一個重要優點是可以將樣式從 HTML 文檔中分離出來,提高了代碼的可讀性、可維護性和可重用性。此外,CSS 樣式表還可以通過媒體查詢(Media Queries)來實現響應式設計,以適應不同設備的屏幕尺寸。