CSS3中引入的新特性和功能。这些新特性极大地增强了Web程序的表现能力,同时简化了Web UI的编程模型。下而将详细介绍CSS3的新增特性。
1.强大的选择器
CSS3的选择器在CSS2.1的基础上进行了增强,它允许设计师在标签中指定特定的HTML元素而不必使用多余的类、ID或者JavaScript脚本。
如果希望设计出简洁、轻量级的网页标签,希望结构与表现更好地分离,高级选择器是非常有用的。它可以大大地简化我们的工作,提高我们的代码效率,并让我们很方便地制作高可维护性的页面。
2,半透明度效果的实现
RGBA不仅可以设定色彩,还能设定元素的透明度。无论是文本、背景还是边框均可使用该属性。该属性的语法在其支持的浏览器中相同。实际参考如下:http://www.zhiyuanit.com.cn/。
3.多栏布局
新的CSS3选择器可以让你不必使用多个div标铭就能实现多栏布局。浏览器解释这个属性并生成多栏,让文木实现一个仿报纸的多栏结构。
4.多背景图
css3允许背景属性设置多个属性值,如background-image、background-repeat、background-size、background-position、background-originand、background-clip等,这样就可以在一个元素上添加多层背景图片。
5.块阴影和文字阴影
尽管box-shadow和text-shadow在CSS2中就己经存在,但是它们未被广泛应用。它们将在CSS3中被广泛采用。块阴影和文字阴影可以不用图片就能对HTML元素添加阴影,增加显示的立体感增强设计的细节。块阴影使用box-shadow属性,文字属性使用text-shadow属性,该属性目前在Safari和Chrome中可用。
6.圆角
CSS3新功能中最常用的一项就是圆角效果,Border-radius无须背景图片就能给HTML元素添加圆角。不同于添加JavaScript或多余的HTML标签,仅仅需要添加一些CSS属性并从好的方面考虑。这个方案是清晰的和比较有效的,而且可以让你免于花费几个小时来寻找精巧的浏览器方案和基于Javascript圆角。
7.边框图片
Border-image属性允许在元素的边框上设定图片,这使得原本单调的边框样式变得丰富起来。让你从通常的solid、dotted和其他边框样式中解放出来。该属性给设计师一个更好的工具,用它可以方便地定义设计元素的边框样式,比background-image属性或枯燥的默认边框样式更好用。也可以明确地定义一个边框被如何缩放或平铺。