CSS 教程Part6 [尺寸、分類、偽類、虛擬元素、媒介類型]（摘錄自 W3C School）

文章目錄

• CSS 偽類 (Pseudo-classes)
• CSS 虛擬元素 (Pseudo-elements)
• CSS2 媒介類型

CSS 尺寸屬性

CSS 尺寸屬性允許你控制元素的高度和寬度。同樣，還允許你增加行間距。

 

CSS 分類屬性 (Classification)

CSS 分類屬性允許你控制如何顯示元素，設定映像顯示於另一元素中的何處，相對於其正常位置來定位元素，使用絕對值來定位元素，以及元素的可見度。

cursor 屬性

該屬性定義了滑鼠指標放在一個元素邊界範圍內時所用的游標形狀

 

visibility 屬性

這個屬性指定是否顯示一個元素產生的元素框。這意味著元素仍佔據其本來的空間，不過可以完全不可見。值 collapse 在表中用於從表布局中刪除列或行。

 

CSS 偽類 (Pseudo-classes)

CSS 偽類用於向某些選取器添加特殊的效果。

 

CSS 虛擬元素 (Pseudo-elements)

CSS 虛擬元素用於將特殊的效果添加到某些選取器。

 

CSS2 媒介類型媒介類型

       某些 CSS 屬性僅僅被設計為針對某些媒介。比方說 "voice-family" 屬性被設計為針對聽覺使用者終端。其他的屬性可被用於不同的媒介。例如，"font-size" 屬性可被用於顯示器以及印刷媒介，但是也許會帶有不同的值。顯示器上面的顯示的文檔通常會需要比紙媒介文檔更大的字型大小，同時，在顯示器上，sans-serif 字型更易閱讀，而在紙媒介上，serif 字型更易閱讀。

 

@media規則

       @media 規則使你有能力在相同的樣式表中，使用不同的樣式規則來針對不同的媒介。

       下面這個例子中的樣式告知瀏覽器在顯示器上顯示 14 像素的 Verdana 字型。但是假如頁面需要被列印，將使用 10 個像素的 Times 字型。注意：font-weight 被設定為粗體，不論顯示器還是紙媒介：

 

不同的媒介類型