CSS3 用戶界面
在 CSS3 中,新的用戶界面特性包括重設(shè)元素尺寸、盒尺寸以及輪廓等。
在本章中,您將學(xué)到以下用戶界面屬性:
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 屬性規(guī)定是否可由用戶調(diào)整元素尺寸。
這個(gè) div 元素可由用戶調(diào)整尺寸(在 Firefox 4+、Chrome 以及 Safari 中)。
CSS 代碼如下:
實(shí)例
規(guī)定 div 元素可由用戶調(diào)整大小:
div { resize:both; overflow:auto; }
作者:大學(xué)生新聞網(wǎng) 來(lái)源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-03-20 閱讀:
- CSS 網(wǎng)絡(luò)安全字體組合
- font-family 屬性應(yīng)該使用若干種字體名稱作為回退系統(tǒng),以確保瀏覽器/操作系統(tǒng)之間的最大兼容性。如果瀏覽器不支持第一個(gè)字體,則會(huì)嘗
- 03-20 關(guān)注:0
- CSS3 用戶界面
- 在 CSS3 中,新的用戶界面特性包括重設(shè)元素尺寸、盒尺寸以及輪廓等。
- 03-20 關(guān)注:0
- CSS3 多列
- 通過(guò) CSS3,您能夠創(chuàng)建多個(gè)列來(lái)對(duì)文本進(jìn)行布局 - 就像報(bào)紙那樣!
- 03-20 關(guān)注:0
- CSS3 動(dòng)畫
- 通過(guò) CSS3,我們能夠創(chuàng)建動(dòng)畫,這可以在許多網(wǎng)頁(yè)中取代動(dòng)畫圖片、Flash 動(dòng)畫以及 JavaScript。
- 03-20 關(guān)注:1
- CSS3 過(guò)渡
- 通過(guò) CSS3,我們可以在不使用 Flash 動(dòng)畫或 JavaScript 的情況下,當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果。
- 03-20 關(guān)注:1
- CSS3 2D 轉(zhuǎn)換
- 通過(guò) CSS3 轉(zhuǎn)換,我們能夠?qū)υ剡M(jìn)行移動(dòng)、縮放、轉(zhuǎn)動(dòng)、拉長(zhǎng)或拉伸。
- 03-20 關(guān)注:0
- CSS3 字體
- 在 CSS3 之前,web 設(shè)計(jì)師必須使用已在用戶計(jì)算機(jī)上安裝好的字體。
- 03-20 關(guān)注:1