CSS(層疊樣式表)是一種用于提高網頁外觀的語言。CSS可以應用于HTML文本之外,如SVG、XML(包括XHTML)文檔。CSS使用規則以決定如何將元素呈現給瀏覽器用戶。
/* 基本 CSS 樣式規則 */ body { font-family: Arial, sans-serif; /* 設置字體 */ background-color: #f2f2f2; /* 設置背景 */ } h1 { color: blue; /* 設置標題顏色 */ text-align: center; /* 居中標題 */ } p { font-size: 16px; /* 設置字體大小 */ line-height: 1.5em; /* 設置行高 */ } /* CSS選擇器 */ /* 通過 ID 選擇器選擇一個元素 */ #header { background-color: #333; color: #fff; } /* 通過類選擇器給多個元素應用相同的樣式 */ .highlight { border: 1px solid yellow; background-color: #ffffcc; } /* 通過標簽選擇器應用樣式到同類型元素 */ ul { list-style: none; /* 去除列表標記 */ margin-left: 0; /* 去除默認的左邊距 */ } /* 層疊優先級 */ /* 樣式按照由高到低的順序排列 */ /* 1. !important(權重最高)*/ /* 2. 行內樣式 */ /* 3. ID選擇器 */ /* 4. 類選擇器 */ /* 5. 標簽選擇器 */ /* 6. 繼承樣式 */
以上是關于CSS樣式的基本介紹以及一些常用CSS樣式規則和選擇器,我們也了解了CSS樣式的層疊優先級。