CSS3新增特性Multiple backgrounds(多层背景)使用方法
利用CSS3的Multiple backgrounds特性可以对某一元素设置多个背景图片,从而避免大量HTML代码的嵌套,降低HTML代码层级。
任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃,天高任鸟飞!
利用CSS3的Multiple backgrounds特性可以对某一元素设置多个背景图片,从而避免大量HTML代码的嵌套,降低HTML代码层级。
通过CSS3新增属性Font-face, 网页设计师可以使用任何喜欢的字体,只需要将字体上传到服务器上,从而避免使用图片代替。
CSS3标准新增动画(animation)属性(@-webkit-keyframes),通过简单的定义动画过程的三个帧即可实现完美的动画效果。
随着CSS3标准的推广和普及,越来越多的浏览器开始支持CSS3标准,利用CSS3可以实现大量的图像效果(例如 透明、渐变 、阴影等)。
随着CSS的发展,CSS3新增一些有关Borders、Colors、Text effects 等属性,丰富了页面的显示效果,甚至可以代替某些图片样式(例如阴影等)。
页面布局元素的宽度可自行调整以适应浏览器宽度或父元素的宽度。
应用CSS3的box shadow属性,可以直接在页面中使用投影,增加页面的立体效果。
利用CSS3的border-radius属性来定义块元素的边框圆角。