CSS,全稱為“層疊樣式表”(Cascading Style Sheet),是一種用于網頁樣式設計的語言。它與HTML相輔相成,可以對網頁的布局、字體、字號、顏色等各種樣式進行精細的控制,使頁面更加美觀、易讀、易用。
CSS的特點是,將網頁內容和樣式分離開,這樣可以讓代碼更加清晰簡潔,易于維護和修改。HTML只負責描述網頁的內容結構,而CSS則負責描述網頁的視覺表現,包括字體、背景、邊框、位置、動畫等。這種分層的設計思路也方便了網頁的響應式設計,即使在不同設備和屏幕尺寸下都能展現出良好的效果。
/*CSS代碼示例*/ body { font-family: Arial, sans-serif; background-color: #fff; color: #333; } h1 { font-size: 2em; font-weight: bold; text-align: center; } a { color: #06c; text-decoration: none; } .container { width: 960px; margin: 0 auto; padding: 20px; } .box { border: 1px solid #999; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 10px; background-color: #fff; }
上面是一段CSS代碼示例,其中包含了一些最常用的樣式規則。首先定義了網頁的整體樣式,包括字體、背景色和文字顏色。然后定義了一級標題的樣式,設置了字號、加粗和居中對齊。接著定義了鏈接的樣式,包括顏色和去掉下劃線。最后定義了兩個類名的樣式,一個是容器的樣式,設置了寬度和居中對齊,另一個是方框的樣式,設置了邊框、圓角、陰影和背景色。
CSS的語法相對簡單,但是要掌握它的精髓還需要不斷的學習和實踐。同時,也要注意合理地使用CSS,不要為了追求花哨的效果而破壞了網頁的可讀性和易用性。