CSS,全稱為Cascading Style Sheets,中文稱為層疊樣式表,是一種用于定義網頁上的樣式(例如字體、顏色、布局等)的語言。CSS的語法非常簡單易懂,掌握了它的基本用法,就能完成網頁美化的大部分工作。
在HTML文檔中,通過<link>標簽將CSS文件引入:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在CSS文件中,通過選擇器來選擇HTML元素,然后為其定義樣式。以下是CSS的基本語法:
選擇器 { 屬性1: 屬性值1; 屬性2: 屬性值2; }
其中,選擇器可以是HTML元素、class、id等。例如:
/* 選擇所有p元素,設置字體大小為16px */ p { font-size: 16px; } /* 選擇class名為"button"的元素,設置按鈕背景色為紅色 */ .button { background-color: red; } /* 選擇id為"header"的元素,設置標題顏色為藍色 */ #header { color: blue; }
CSS還有很多其他的高級用法,例如偽元素、媒體查詢、動畫效果等,可以通過不斷學習來掌握。