CSS 尺寸屬性允許你控制元素的高度和寬度。同樣，還允許你增加行間距。
| 屬性 | 描述 |
|---|---|
| height | 設定元素的高度。 |
| line-height | 設定行高。 |
| max-height | 設定元素的最大高度。 |
| max-width | 設定元素的最大寬度。 |
| min-height | 設定元素的最小高度。 |
| min-width | 設定元素的最小寬度。 |
| width | 設定元素的寬度。 |
CSS 分類屬性 (Classification)
CSS 分類屬性允許你控制如何顯示元素，設定映像顯示於另一元素中的何處，相對於其正常位置來定位元素，使用絕對值來定位元素，以及元素的可見度。
| 屬性 | 描述 |
|---|---|
| clear | 設定一個元素的側面是否允許其他的浮動元素。 |
| cursor | 規定當指向某元素之上時顯示的指標類型。 |
| display | 設定是否及如何顯示元素。 |
| float | 定義元素在哪個方向浮動。 |
| position | 把元素放置到一個靜態、相對的、絕對的、或固定的位置中。 |
| visibility | 設定元素是否可見或不可見。 |
錨偽類
在支援 CSS 的瀏覽器中，連結的不同狀態都可以不同的方式顯示，這些狀態包括：活動狀態，已被訪問狀態，未被訪問狀態，和滑鼠移至上方狀態。
a:link{color: #FF0000} /* unvisited link */a:visited{color: #00FF00} /* visited link */a:hover{color: #FF00FF} /* mouse over link */a:active{color: #0000FF} /* selected link */
提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才是有效。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 之後，才是有效。
提示：偽類名稱對大小寫不敏感。
偽類和 CSS 類
偽類可以與 CSS 類配合使用：
a.red:visited {color: #FF0000}<a class="red" href="css_syntax.asp">CSS Syntax</a>
假如上面的例子中的連結被訪問過，那麼它將顯示為紅色。
@media規則
@media 規則使你有能力在相同的樣式表中，使用不同的樣式規則來針對不同的媒介。
下面這個例子中的樣式告知瀏覽器在顯示器上顯示 14 像素的 Verdana 字型。但是假如頁面需要被列印，將使用 10 個像素的 Times 字型。注意：font-weight 被設定為粗體，不論顯示器還是紙媒介：
<html><head><style>@media screen{p.test {font-family:verdana,sans-serif; font-size:14px}}@media print{p.test {font-family:times,serif; font-size:10px}}@media screen,print{p.test {font-weight:bold}}</style></head><body>....</body></html>
不同的媒介類型
注釋：媒介類型名稱對大小寫不敏感。
瀏覽器支援：IE: Internet Explorer, F: Firefox, N: Netscape。
W3C：“W3C” 列的數字顯示出屬性背景由哪個 CSS 標準定義（CSS1 還是 CSS2）。
| 媒介類型 | 描述 |
|---|---|
| all | 用於所有的媒介裝置。 |
| aural | 用於語音和音頻合成器。 |
| braille | 用於盲人用點字法觸覺回饋裝置。 |
| embossed | 用於分頁的盲人用點字法印表機。 |
| handheld | 用於小的手持的裝置。 |
| 用於印表機。 | |
| projection | 用於方案展示，比如投影片。 |
| screen | 用於電腦顯示器。 |
| tty | 用於使用固定密度字母柵格的媒介，比如電傳打字機和終端。 |
| tv | 用於電視機類型的裝置。 |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
