天天看点

《图解CSS3:核心技术与案例实战》——1.4节CSS3的现状及未来

本节书摘来自华章社区《图解css3:核心技术与案例实战》一书中的第1章,第1.4节css3的现状及未来,作者 大漠,更多章节内容可以访问云栖社区“华章社区”公众号查看

1.4 css3的现状及未来

了解到使用css3会带来很多好处,哪些网站在使用css3?这很容易,打开计算机随处可见。既然这样,就一起来看几个网站吧。

1.4.1 谁在使用css3

首先看看新浪微博,其中最明显的是圆角的应用,在发表评论的地方还使用了内阴影属性,如图1-8所示。

google的ui也使用了大量css3特性,看主版面的button效果,这个按钮使用了css3的阴影、圆角和渐变三种属性,如图1-9所示。

《图解CSS3:核心技术与案例实战》——1.4节CSS3的现状及未来
《图解CSS3:核心技术与案例实战》——1.4节CSS3的现状及未来
《图解CSS3:核心技术与案例实战》——1.4节CSS3的现状及未来

整个界面都是使用css3完成的,没有使用任何图片、背景渐变、圆角、文本框发光效果等。这些都是css3特性的一气呵成,这不得不让我们为css3强大的特性折服。

国内外使用css3特性制作网站的案例越来越多,特别是一些优秀的个人站点,更是运用得出神入化。

1.4.2 css3的未来

css3无疑对web前端开发带来质的飞跃。虽然目前css3还没有完全普及,而且浏览器也不完全支持,但对于我们积极地去学习和实践并不矛盾,掌握和学习css3将是大势所趋。css3将是引导我们进入编写网页精彩世界的先驱技术。开发人员能够更轻松地创建功能强大、易于维护网站。

随着旧版浏览器所占市场份额逐渐减少,学习css3技术将更有价值。这是作为一位优秀前端开发人员所必须掌握的技术之一,也是前端开发人员的大势所趋。

当然,学习一门新技术不能跟风,需要理性思考,这种理性思考并不表示对新技术的畏缩,同时也应该明白学习新技术可能会遇到的困难和风险。只有这样,才能更好地驾驭css3。