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