首页 > SEO教程 > 详情

betway88建设:CSS3新增特性

2017-11-03 15:59:45   来源:互联网   浏览:加载... 次
betway88建设CSS3中引入的新特性和功能。这些新特性极大地增加了web程序的表现能力,同时简化了web UI的编程模型。下面必威体育betway官网betway88建设将详细介绍这些CSS3的新增特性。1、强大的选择器betway88建设CSS3的选择器在CSS2.1的基...
betway88建设CSS3中引入的新特性和功能。这些新特性极大地增加了web程序的表现能力,同时简化了web UI的编程模型。下面必威体育betway官网betway88建设将详细介绍这些CSS3的新增特性。 1、强大的选择器 betway88建设CSS3的选择器在CSS2.1的基础上进行了增强,它允许设计师在标签中指定特定的HTML元素而不必使用多余的类、ID或者JavaScript脚本。 如果希望设计出简洁、轻量级的网页标签,希望结构与表现更好地分离,高级选择器是非常有用的。它可以大大简化我们的工作,提供编写代码效率,并让我们很方便地制作出可维护性的页面。 2、半透明度效果的实现 betway88建设中RGBA不仅可以设定色彩,还能设定元素的透明度。无论是文本、背景还是边框均可使用该属性。该属性的语法在其支持的浏览器中形同。 3、多栏布局 betway88建设新的CSS3选择器可以让用户不必使用多个DIV标签就能实现多栏布局。浏览器解释这个属性并生成多栏,让文本实现一个仿报纸的多栏结构。 4、多背景图 CSS3允许背景属性设置多个属性值,这样就可以在一个元素上添加多层背景图片。 5、块阴影和文字阴影 尽管box-shadow和text-shadow再CSS2中就已经存在,但是它们未被广泛应用,它们将在CSS3中被广泛采用。块阴影和文字阴影可以不用图片就能对HTML元素添加阴影,增加显示的立体感增强设计的细节。块阴影使用box-shadow属性,文字阴影使用text-shadow属性,该属性目前在Safari和Chorme中可用。 6、圆角 betway88建设CSS3新功能中最常用的一项就是圆角效果,Border-radius无须背景图片就能给HTML元素添加圆角。不同于添加JavaScript或多余的HTML标签,仅仅需要添加一些CSS属性并从好的方面考虑。这个方案是清晰的和比较有效的,而且可以让你免于花费几小时来寻找精巧的浏览器方案和基于JavaScript圆角。 7、边框图片 betway88建设中Border-image属性允许在元素的边框上设置图片,这使得原本单调的边框样式变得很丰富。让你从通常的solid、dotted和其他边框样式中解放出来。改属性给设计师一个更好的工具,用它可以方便地定义设计元素的边框样式,比background-imag属性或枯燥的默认边框样式更好用。也可以明确的定义一个边框可以被如何缩放或平铺。 8、形变效果 betway88建设通常使用CSS和HTML我们是不可能使用HTML元素旋转或倾斜一定角度的。为了使元素看起来更具有立体感,我们不得不把这种效果做成一个图片,这样就限制了很多动态的使用应用场景。Transform数学的引入使我们以前通常要借助SVG等矢量绘图手段才能实现的功能,只需要一个简单的CSS属性就能实现。 9、媒体查询 媒体查询可以让你为不同设备基于它们的能力定义不同的样式。如在可视区域小于400像素的时候,想让betway88侧栏显示在主内容的下边,这样它就不应该浮动并显示在右侧了。 10、CSS3线性渐变 渐变色是网页设计中很常用的一项元素,它可以增强网页元素的立体感,同事使单一颜色的页面看起来不是那么突兀。过去为了实现渐变色,通常需要先制作一个渐变的图片,将它切割成很细的一小片,然后使用背景重复是整个HTML元素拥有渐变的背景色。这样做有两个弊端:为了使用图片背景,很多时候使得本身简单的HTML结果变得复杂;另外,受制于背景图片的长度火宽度,HTML元素不能灵活的冬天调整大小。CSS3中Webkit和Mozilla对渐变都有强大的支持。
关键词: CSS3新增特性
下一篇:最后一页
加群!加群!我们欢迎志同道合的的人,加入QQ群,一起交流,共同进步,疯狗®互联网研究QQ群:13920366 疯狗®互联网研究
关于博主 / About
大家好,欢迎来到疯狗SEO博客,这里是一个专注于seo学习、研究的地方,期待更多的seo朋友参与疯狗seo的交流和探讨! 博主:春哥 QQ:613835522 疯狗®互联网研究群:13920366 VIEW MORE