CSS是一種樣式表語言,用于控制HTML文檔的外觀。
CSS基本功能可以分為三個部分:
選擇器 屬性 值
1.選擇器
選擇器用于選擇HTML文檔中的元素,其格式為: 選擇器 { 屬性: 值; } 其中選擇器可以是元素、class、id等。元素選擇器使用元素名稱,class選擇器使用"."加上類名,id選擇器使用"#"加上id名。 例子: h1 { color: red; } .text { font-size: 16px; } #title { text-align: center; }
2.屬性
屬性是一種可以設置元素外觀的特性。屬性名稱表示需要設置的特性,例如字體大小、顏色、背景顏色等。 例子: color: red; font-size: 16px; background-color: #f1f1f1;
3.值
值是屬性的具體內容,它可以是任何有效的值,例如像素、顏色、百分比等。 例子: color: red; // 紅色 font-size: 16px; // 16像素 background-color: #f1f1f1; // 淺灰色
總結:
CSS基本功能可以用選擇器、屬性、值來控制HTML文檔的外觀。選擇器選擇元素,屬性設置元素樣式,值則具體指定樣式的參數。掌握CSS基本功能,可以讓我們更好地控制和美化HTML文檔的樣式。