CSS3 用戶界面
在 CSS3 中,新的用戶界面特性包括重設元素尺寸、盒尺寸以及輪廓等。
在本章中,您將學到以下用戶界面屬性:
resize
box-sizing
outline-offset
瀏覽器支持
屬性 瀏覽器支持
resize
box-sizing
outline-offset
Firefox、Chrome 以及 Safari 支持 resize 屬性。
Internet Explorer、Chrome、Safari 以及 Opera 支持 box-sizing 屬性。Firefox 需要前綴 -moz-。
所有主流瀏覽器都支持 outline-offset 屬性,除了 Internet Explorer。
CSS3 Resizing
在 CSS3,resize 屬性規定是否可由用戶調整元素尺寸。
這個 div 元素可由用戶調整尺寸(在 Firefox 4+、Chrome 以及 Safari 中)。
CSS 代碼如下:
實例
規定 div 元素可由用戶調整大小:
div { resize:both; overflow:auto; }
- CSS 網絡安全字體組合
- font-family 屬性應該使用若干種字體名稱作為回退系統,以確保瀏覽器/操作系統之間的最大兼容性。如果瀏覽器不支持第一個字體,則會嘗
- 03-20 關注:0
- CSS3 用戶界面
- 在 CSS3 中,新的用戶界面特性包括重設元素尺寸、盒尺寸以及輪廓等。
- 03-20 關注:0
- CSS3 多列
- 通過 CSS3,您能夠創建多個列來對文本進行布局 - 就像報紙那樣!
- 03-20 關注:0
- CSS3 動畫
- 通過 CSS3,我們能夠創建動畫,這可以在許多網頁中取代動畫圖片、Flash 動畫以及 JavaScript。
- 03-20 關注:1
- CSS3 過渡
- 通過 CSS3,我們可以在不使用 Flash 動畫或 JavaScript 的情況下,當元素從一種樣式變換為另一種樣式時為元素添加效果。
- 03-20 關注:1
- CSS3 2D 轉換
- 通過 CSS3 轉換,我們能夠對元素進行移動、縮放、轉動、拉長或拉伸。
- 03-20 關注:0
- CSS3 字體
- 在 CSS3 之前,web 設計師必須使用已在用戶計算機上安裝好的字體。
- 03-20 關注:1