CSS3新网页技能的期间

北京网站扶植公司尚品中国(www.sino-web.net)：CSS 是了不得的技巧，我第一次用到的时辰，认为这是我做梦都想不到的工具，随着 CSS3 的引入，圆角，暗影，扭转等等技巧更将 CSS 带到史无前例的高度。但是，品牌网站优化，关于 CSS，我们是否是曾经走得太远，本文以一个 Web 希图师的角度对 CSS 的一些实验性运用做了另外一种思考。



那些有关 CSS 的前卫实验



每个实验都是用了分歧的方法，其中一些，如 CSS 线图，在现实中可以或许找到现实的运用，别的的，如 CSS 完成的 Twitter Fail Whale 图画，则纯属实验，这些实验的目的仅仅为了说明 CSS 可以或许完成的效果，着实不意味着该当多么来做。



让我们现实一点



上图是用纯 CSS 完成的社会媒体网络标志，很奇异不是？



就像下面的完整基于 CSS 的社会网络标志，不过是一堆各式百般的线条的组合，虽然使人印象深入，也算有创意，但着实不适用，因为创作多么一个标志约莫需求几个小时的艰苦歇息，在 Photoshop 中画一个一样的图底子不费任何气力，并且效果更好(更细腻)。



我比来读了 Faruk Ateş 的文章，Pure CSS Icons： Make The Madness Stop，文中对这一做法提出了质疑，作者泄漏表现，一些人开始实验将 CSS 看成希图工具并敏捷激发大批效仿，但是，这类做法有几何易用性可言？它着实不容易集成到你的希图与斥地傍边，也不容易调剂。



Ateş 认为，这类方法生成的图标的可护卫性也很成标题，调剂一个图标原来只需求调剂像素，今朝却需求修改 CSS 界说，同时，上述 CSS 标志的希图者 Nicolas Gallagher 也泄漏表现，做这类事情，CSS 着实不是最合适。



下降 HTTP 要求？



下面这幅图中的图标扫数用 CSS 生成，并且作者将它们拿出来卖，40个图标卖25美金。不能不认可，这些图标希图得极端摩登，作者希图这些 CSS 的初志是为那些运用的网站下降 HTTP 要求数，因为这些图标不需求额定的图片文件要求。但是，一个小小的图标文件带来的 HTTP 要求真的很值得一提吗，况且，运用 CSS Sprite 技巧，这些图标完整可以或许放在同一个图片中，靠 CSS 定位表现，多么，只需求一个 HTTP 要求就够了。并且，我着实思疑，这些 CSS 版的图标究竟能减少几何带宽。



本着语义化的精神



必需认可，我偶然辰会为了完成某种视觉上的需求，而额定运用 DIV 或 SPAN 等标签，这很不语义。但是 CSS 画图是更不语义的事，CSS 的着实义务是对网页中的内容进行润色，而不是建立内容自己。网页中的图形自己属于内容的范畴，不应当由 CSS 建立。

本文宣告于北京网站制作公司尚品中国http://www.sino-web.net/