咨询热线:400-818-1122
首页
致远商城专题首页 > 最新发布
网站制作:CSS3新增特性
上传日期:2019-09-26 16:49 文章来源:

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-imagebackground-repeatbackground-sizebackground-positionbackground-originandbackground-clip等,这样就可以在一个元素上添加多层背景图片。

5.块阴影和文字阴影

尽管box-shadowtext-shadowCSS2中就己经存在,但是它们未被广泛应用。它们将在CSS3中被广泛采用。块阴影和文字阴影可以不用图片就能对HTML元素添加阴影,增加显示的立体感增强设计的细节。块阴影使用box-shadow属性,文字属性使用text-shadow属性,该属性目前在SafariChrome中可用。

6.圆角

CSS3新功能中最常用的一项就是圆角效果,Border-radius无须背景图片就能给HTML元素添加圆角。不同于添加JavaScript或多余的HTML标签,仅仅需要添加一些CSS属性并从好的方面考虑。这个方案是清晰的和比较有效的,而且可以让你免于花费几个小时来寻找精巧的浏览器方案和基于Javascript圆角。

7.边框图片

Border-image属性允许在元素的边框上设定图片,这使得原本单调的边框样式变得丰富起来。让你从通常的soliddotted和其他边框样式中解放出来。该属性给设计师一个更好的工具,用它可以方便地定义设计元素的边框样式,比background-image属性或枯燥的默认边框样式更好用。也可以明确地定义一个边框被如何缩放或平铺。

免责声明:网站内涉及到图片及相关文字如涉及到侵权,请及时联系我们处理
< 返回列表
最新发布推荐
致远服软让IT更简单,更安全,更有价值
咨询热线:400-818-1122