CSS(Cascading Style Sheets)是一種用于樣式表控制網頁布局和樣式的語言。通過將樣式信息嵌入到HTML文檔中,CSS可以控制網頁元素的樣式,如字體、顏色、大小、位置等。與JavaScript不同,CSS不受頁面內容的影響,而是通過樣式表來控制頁面的外觀和交互效果。
CSS的語法基于標記語言,包括屬性、選擇器和樣式規則。屬性用于設置或查詢元素的樣式,選擇器用于選擇特定的元素,而樣式規則則用于定義樣式的通用規則。
以下是一些常見的CSS屬性和選擇器:
1. 屬性:
- background-color:設置背景顏色。
- font-family:設置字體。
- font-size:設置字體大小。
- line-height:設置行高。
- color:設置文本顏色。
- style:設置樣式。
2. 選擇器:
- #id-number:選擇id為"idnumber"的元素。
- #id-number:選擇包含id為"idnumber"的元素。
- #id-number:選擇所有id為"idnumber"的元素。
- #button:選擇id為"button"的按鈕元素。
3. 樣式規則:
- +元素:將元素添加到選擇器的上下文中。
- -元素:將元素從選擇器的上下文中刪除。
- .class-name:設置元素類的樣式。
- :first-child:選擇第一個子元素。
- :last-child:選擇最后一個子元素。
- :hover:設置元素在鼠標懸停時的樣式。
- :active:設置元素在鼠標點擊時的樣式。
CSS可以極大地改善網頁的設計和用戶體驗。通過使用CSS,可以創建清晰、美觀、易于維護的網頁,同時還可以與其他技術(如JavaScript)結合使用,以創建更復雜的頁面交互效果。