CSS3是CSS(层叠样式表)的最新版本,它提供了更多的样式选项,使网页设计师可以创建出更加精美的网页。它还支持新的图像格式,如SVG和Canvas,以及新的动画效果。
CSS3为Web开发者提供了一系列新特性,包括圆角、阴影、多列布局、背景图片选项、字体选项、动画效果、2D/3D转换效果等。它还允许开发者使用不同的浏览器前缀来实现不同浏览器之间的兼容性。
.box { border-radius: 10px; box-shadow: 0 0 10px #ccc; background-image: url(bg.jpg); font-family: Arial, sans-serif; animation: fadeIn 2s ease-in; transform: rotate(45deg); } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
对CSS3已完全向后兼容,所以你就不必改变现有的设计。浏览器将永远支持CSS2。
CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。
一些最重要CSS3模块如下:
W3C的CSS3规范仍在开发。
但是,许多新的CSS3属性已在现代浏览器使用。
fieldset 标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示,比如不同样式的边界、3D效果等。实例对表单中的相关元素进行...
object 标签可以表示一个外部资源,可以将其视为一个映像、一个嵌套的浏览上下文,或者一个由插件处理的资源。实例使用object 元...
script 标签通常放置在一个 HTML 网页的头部标签 head 标签内,用于链接外部 JavaScript 文件的外部资源标签。实例通过 JavaScri...
HTML script 标签defer 属性规定应该等待所有HTML文档解析完成以后,再判断js脚本是否执行,请参考下述例子:实例页面已加载后才...
HTML5 Web 存储HTML5 web 存储,一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数...