咨询热线:400-818-1122
致远科技首页 > 最新更新
CSS3新增特性
上传日期:2020-01-08 10:55 文章来源:
CSS3中使用的新特点和功能。这个新功能极大地加强了Web程序的表现性能,同时简化了Web UI的编辑模型。下而将详细介绍CSS3的新增特性。
1.强大的选择器
CSS3的编辑器在CSS2.1的原则上进行了加强,它允许设计师在标签中指定特殊的HTML因素而不必使用多余的类、ID或者JavaScript脚本。
如果希望设计出简洁、一般量级的网页标签,需要结构与表现更好地剥离,高等选择器是非常有用的。它可以大大地简化我们的工作,提高我们的代码能力,并让我们很方便地制作高可维护性的页面。
2,半透明度效果的实现
RGBA不仅可以编辑色彩,还能设定元素的可见度。无论是文本、背景还是图样也可使用该属性。该属性的语法在其支撑下的浏览器中相同。实际参考如下:http://www.zhiyuanit.net.cn/。
3.多栏布局
新的CSS3编辑器可以让你不必应用多个div标铭就能实现复杂布局。浏览器注释这个属性并生成多项,让文木实现一个仿纸类的多栏结构。
4.多背景图
css3允许背景属性设置多个属性值,如background-iage、background-repet、backgrund-size、background-postion、background-originand、backgrond-clip等,这样就可以在一个因素上添加多个背景图片。
5.块阴影和文字阴影
尽管box-hadow和tet-shadow在CSS2中就己经存在,但是它们未被广泛应用。它们将在CSS3中被广泛采用。块隐藏和文字阴影可以不用图片就能对HTML类文件添加阴影,增加显示的立体感增强设计的细节。块阴影使用box-shaow属性,文字属性使用text-shadow属性,该属性目前在Sfari和Crome中可用。
6.圆角
CSS3新功能中最常用的一项就是圆角效果,Border-radius无须背景图片就能给HTML元素添加圆角。不同于添加JavaScript或多余的HTML标签,仅仅需要添加一些CSS属性并从有益的方面考虑。这个方案是清楚的和比较有效的,而且可以让你避免花费几个小时来寻找精巧的浏览器方案和基于Javascript圆角。
7.边框图片
Border-image属性允许在元素的边框上设定图片,这使得原本单调的边框样式变得丰富起来。让你从通常的solid、dotted和其他边框样式中解放出来。该属性给设计师一个更好的工具,用它可以方便地定义设计元素的边框样式,比background-image属性或枯燥的默认边框样式更好用。也可以明确地定义一个边框被如何缩放或平铺。
免责声明:网站内涉及到图片及相关文字如涉及到侵权,请及时联系我们处理
< 返回列表
最新更新推荐