CSS規則由2個主要的部分構成,即選擇器和聲明。
選擇器指定要應用規則的HTML元素。選擇器可以是任何有效的CSS選擇器,如元素選擇器、類選擇器、ID選擇器、屬性選擇器等。例如,以下規則將應用于所有p元素:
聲明指定要在選擇器元素上應用的樣式屬性和屬性值。聲明由一個樣式屬性和相應的值組成,以冒號分隔,并以分號結尾。例如,以下規則將將文本顏色設置為紅色:
可以指定多個聲明,每個聲明應與另一個聲明分別使用分號隔開。例如,以下規則將設置文本顏色為紅色和字體大小為20px:
在CSS中,還可以使用@media規則,將樣式應用于特定的設備或分辨率。例如,以下規則將為屏幕寬度小于768像素的設備隱藏p元素:
總之,CSS規則由2個主要的部分構成,選擇器和聲明。選擇器指定要應用規則的HTML元素,而聲明指定要應用的樣式屬性和屬性值。掌握CSS規則的基本知識是創建好看網站及應用程序的關鍵。
選擇器指定要應用規則的HTML元素。選擇器可以是任何有效的CSS選擇器,如元素選擇器、類選擇器、ID選擇器、屬性選擇器等。例如,以下規則將應用于所有p元素:
p { color: red; }
聲明指定要在選擇器元素上應用的樣式屬性和屬性值。聲明由一個樣式屬性和相應的值組成,以冒號分隔,并以分號結尾。例如,以下規則將將文本顏色設置為紅色:
p { color: red; }
可以指定多個聲明,每個聲明應與另一個聲明分別使用分號隔開。例如,以下規則將設置文本顏色為紅色和字體大小為20px:
p { color: red; font-size: 20px; }
在CSS中,還可以使用@media規則,將樣式應用于特定的設備或分辨率。例如,以下規則將為屏幕寬度小于768像素的設備隱藏p元素:
@media (max-width: 768px) { p { display: none; } }
總之,CSS規則由2個主要的部分構成,選擇器和聲明。選擇器指定要應用規則的HTML元素,而聲明指定要應用的樣式屬性和屬性值。掌握CSS規則的基本知識是創建好看網站及應用程序的關鍵。
上一篇css規則由幾部分構成
下一篇css控制div邊框橢圓