Css語法意思

CSS（Cascading Style Sheets，層疊樣式表）是一種用來描述HTML（超文本標記語言）檔案如何顯示的語言。它控制著網頁的樣式，包括字體、顏色、尺寸、定位、背景等。CSS語法通常由選擇器、屬性和值組成。

選擇器是用來指定CSS規則適用於哪些HTML元素的。例如，h1選擇器會將規則應用於所有的<h1>元素。

h1 {
  color: red;
  font-size: 2em;
}

在上面的例子中，h1是選擇器，color: red;和font-size: 2em;是屬性和值。這個規則會將文字顏色設置為紅色，並將<h1>元素的字體大小設置為基線的兩倍。

屬性是HTML元素的特性，例如顏色、大小、定位等。值是屬性設定的具體值，例如red、2em等。

CSS語法也可以使用複合選擇器，例如類選擇器（以點.開頭）和ID選擇器（以哈希#開頭）。

.important {
  color: blue;
  font-weight: bold;
}

#main-heading {
  color: green;
  font-size: 3em;
}

在這個例子中，.important選擇器會將規則應用於所有具有class="important"的元素，而#main-heading選擇器會將規則應用於具有id="main-heading"的元素。

CSS還支持媒體查詢，用來根據不同的設備和環境條件來設置不同的樣式。

@media (min-width: 500px) {
  body {
    background-color: #ccc;
  }
}

在上面的例子中，當瀏覽器的寬度大於或等於500像素時，背景顏色會被設置為淡灰色。

CSS語法也可以使用函數和屬性，例如calc()函數和background-image屬性。

.container {
  width: calc(50% - 10px);
  background-image: url("image.jpg");
}

在上面的例子中，calc()函數用來計算一個動態寬度，background-image屬性用來設置背景圖片。