css入門知識點整理

不要嘲笑我這個蒟蒻。。例子來源：w3school

css其實就分為兩個東西，一個是選擇器，另外一個是聲明。聲明定義了某個對象的屬性的值，這都是html的內容。重點要關註的是選擇器。顧名思義，選擇器就是用來“選擇”HTML中的元素的。通過定義選擇器可以選出HTML文檔中的某些元素，然後把它們的樣式變成聲明中的。css的格式長這樣：

selector {declaration1; declaration2; ... declarationN }

這裏有一個最基本的css例子：

h1 {color:red; font-size:14px;}

意思就是說，把所有是h1的元素，顏色都變成紅色，字體大小設置成14像素。

選擇器有很多用法：

• 後代選擇器 x y{ ... } 。它的作用是，只有在x元素中的y元素才會被選擇。前面講的相當於中x設成所有元素。

• 子元素選擇器 x>y{ ... }。它的作用和後代選擇器差不多，但是只能選擇下一層的後代。

• 兄弟選擇器 x+y{ ... }。它的作用是，只有和x是兄弟的元素y才會被選擇。

前三個選擇器統稱派生選擇器。它們還能和後面的選擇器組合起來。

• id選擇器 #idName{ ... }。它能選擇所有id=idName的元素。註意，id不建議共用。

• class選擇器 .className{ ... }。它能選擇所有class=className的元素。

• title選擇器 [title=X]{ ... }。它能選擇所有title=X的元素。等號替換成~=/|=，意思是可以匹配X中的任何一個子串（用空格分隔/用-分割）。

就是這樣~

css入門知識點整理