《Head first HTML與CSS 第二版》讀書筆記 附錄

一、CSS選擇器

僞元素能夠用來選擇元素的某些部分，這些部分可能不便於包圍在<div>或<span>中，也不方便其餘方法來選擇。例如:first-letter僞元素能夠用來選擇一個塊元素中文中的第一個字母，這樣就能建立諸如首字母大寫和首字母下沉等效果。用:first-line僞元素選擇段落第一行。

p:first-letter{

}

p:first-line{

}

 

屬性選擇器根據屬性值選擇元素：

img[width] 會選擇全部包含width屬性的圖像；

img[height="300"]選擇height屬性值爲300的全部圖像；

img[alt~="flowers"]選擇alt屬性包含單詞flowers的全部圖像。

 

按兄弟選擇：

只選擇前面有一個<h1>元素的段落：

h1+p 加號後面緊跟兄弟元素。

 

二、CSS變換和過分：

transform: rotate(45deg); 旋轉45度。

transition: transform 2s; 指定變換時間爲兩秒。