人们期待的CSS3的10大功能

2016-02-19 23:49 5 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的人们期待的CSS3的10大功能,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

CSS3 仍遥遥无期,还是指日可待,这不是一个技术问题,而是人们什么时候可以彻底放弃那些不符合 W3C 标准的旧浏览器的问题。CSS3 备受期待是肯定的,CSS Tricks 网站做了一次投票调查,票选备受期待的 CSS 功能,一共有7000人参与,结果如下。有趣的是结果的前三名非常的接近。

#1) 圆角 (22.0%, 1,541 票)
这个功能已经在诸如 Mozilla, Webkit 等浏览器广泛使用,对 Web 设计者来说无疑是最受期待的,然而 IE 仍然没有要支持这个功能的迹象。

#2) 多背景(22.0%, 1,523 票)
这个功能是我最期待的,但向后兼容会是一个很大的问题。

#3) @font-face (21.0%, 1,424 票)
Firefox 的最新版本将支持该功能,Safari,Opera 甚至 IE 也将支持或已经支持该功能,我们会看到该功能的广泛应用,只是字体的版权问题会很麻烦。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

#4) 动画与渐变(12.0%, 818 票)
Webkit 在这方面是领头军,动画也是设计的一部分,也该属于 CSS。这些会慢慢实现,当 Webkit 之外的浏览器也开始支持这个功能,我们会看到很多令人惊讶的效果。

#5) 渐变色 (8.0%, 535 票)
定义一个固定色背景很简单,但渐变色就没有那么简单了,渐变色很适合通过代码实现,Webkit 又在这方面抢了先。

#6) Box 阴影(4.0%, 271 票)
阴影也是一种渐变色,以往是通过背景图片实现的,如果考虑到多方向的阴影,事情会变得更复杂,Box 阴影机制让一切问题迎刃而解。

#7) RGBa - 加入透明色 (3.0%, 234 票)
RGBa 中的 a  代表透明色,透明对设计者来说非常重要,目前除了 IE,这一功能正在被广泛采用。

#8) 文字阴影(2.0%, 140 票)
也属于渐变色的概念,让文字拥有阴影,以前甚至无法通过图片背景实现,因此这将为设计者带来前所未有的方便。

#9) 其它 (2.0%, 168 票)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

本文

来源:http://www.tulaoshi.com/n/20160219/1630705.html

延伸阅读
标签: Web开发
CSS2如果扩大到CSS3的规模,其单一结构的特点就会成为自身发展的瓶颈。所以将CSS3划分为多个模块的决定发挥出了威力。将CSS划分为模块也使得W3C陆续将这些模块归入推荐级别。 以下是一张所有CSS3模块的表格以及他们目前的状况。css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到推荐级别。 ...
标签: Web开发
著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查,请15名顶尖的 Web 设计师对 CSS 提出自己的期望,15名设计师包括 Jon Hicks,  Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。 调查结果显示,最被期待的 CSS 功能是 CSS 圆角,其它期待的功能包括跨浏览器渐变与阴影,类似 Photoshop...
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直...
  最近闲来无事,上W3C转了一圈,粗略地浏览了一下尚未发布的CSS3,虽然还未被W3C正式发布出来,但还是能从已有的资料中窥出一些端倪,一个很明显的特征,CSS3制订得越来越细致了,某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法,因为对于目前尚未有软件支持的CSS3,任何语法的探讨都像是空中楼...
标签: Web开发
前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术目前有哪些浏览器...

经验教程

673

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部