当前位置: 网站建设 > 网页设计 > 建站经验 >

css我们真的走的太远了吗

时间:2013-03-02 03:45来源:未知 作者:admin 点击:

标签:css我们真的走的太远了吗 我们(51)了不起(1)远了(1)走的(1)第一次(1)CSS(655)技巧(106)真的(5)
CSS 是了不起的技巧,我第一次用到的时候,感到这是我做梦都想不到的货色,跟着 CSS3 的引入,圆角,暗影,旋转等等技术更将 CSS 带到前所未有的高度。然而,对于 CSS,咱们是不是已经走得太远,本文以一个 Web 设计师的角度对 CSS 的一些实验性利用做了另一
css我们真的走的太远了吗》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333F2013.htm

  CSS 是了不起的技巧,我第一次用到的时候,感到这是我做梦都想不到的货色,跟着 CSS3 的引入,圆角,暗影,旋转等等技术更将 CSS 带到前所未有的高度。然而,对于 CSS,咱们是不是已经走得太远,本文以一个 Web 设计师的角度对 CSS 的一些实验性利用做了另一种思考。

  必需承认,我有时候会为了实现某种视觉上的需要,而额外使用 DIV 或 SPAN 等标签,这很不语义。然而 CSS 绘图是更不语义的事,CSS 的实在使命是对网页中的内容进行润饰,而不是创建内容自身。网页中的图形本身属于内容的范围,不应当由 CSS 创立,CSS必须要知道的10个技巧

  就像上面的完全基于 CSS 的社会网络标志,CSS必知高级语法,无非是一堆各式各样的线条的组合,诚然令人印象深入,也算有创意,但并不适用,因为创作这样一个标志可能需要几个小时的艰苦劳动,在 Photoshop 中画一个同样的图基本不费任何力量,而且后果更好(更细腻)。

  本着语义化的精力

  每个实验都是用了不同的方式,其中一些,如 CSS 线图,在事实中可以找到实际的运用,其它的,如 CSS 实现的 Twitter Fail Whale 丹青,则纯属实验,CSS强制TD不换行,这些实验的目标仅仅为了阐明 CSS 可能实现的效果,CSS引用方式详解,并不象征着应该这样来做。

  多少个月前,作者在 Six Revisions 发表了一篇文章,先容了 5 个有趣的 CSS 试验:

--> [网站建设之]css我们真的走的太远了吗?

  上面这幅图中的图标全体用 CSS 生成,而且作者将它们拿出来卖,40个图标卖25美金。不得不否认,CSS常见问题及解决办法,这些图标设计得十分美丽,CSS常见问题及小技巧汇总,作者设计这些 CSS 的初衷是为那些应用的网站下降 HTTP 恳求数,CSS常见兼容性问题总结,由于这些图标不需要额定的图片文件请求。然而,一个小小的图标文件带来的 HTTP 要求真的很值得一提吗,何况,使用 CSS Sprite 技术,CSS常用属性的代码简化实例,这些图标完整能够放在统一个图片中,靠 CSS 定位显示,这样,只要要一个 HTTP 请求就够了。而且,我切实猜忌,这些 CSS 版的图标到底能减少多少带宽。

 

  上图是用纯 CSS 实现的社会媒体网络标志,很神奇不是?

  

  Ateş 以为,这种方法天生的图标的可保护性也很成问题,调整一个图标底本只须要调整像素,当初却需要修正 CSS 定义,同时,上述 CSS 标记的设计者 Nicolas Gallagher 也表示,做这类事件,CSS 并非最合适,CSS常用优化技巧

  CSS Posters

  CSS3 Leopard-style Stacks

  Pure CSS Twitter Fail Whale

  让我们实际一点

  Pure CSS Line Graph

 ,CSS布局自适应高度解决方法;

  

  降低 HTTP 请求?

  我最近读了 Faruk Ateş 的文章,Pure CSS Icons: Make The Madness Stop,文中对这一做法提出了质疑,作者表现,一些人开端尝试将 CSS 当作设计工具并敏捷引发大批效仿,然而,这种做法有多少易用性可言?它并不容易集成到你的设计与开发当中,也不轻易调剂。

  CSS3 Transforms & @font-face Experiment

  那些有关 CSS 的前卫实验

Tag:CSS   CSS  
(责任编辑:网站建设)
css我们真的走的太远了吗相关文章
上一篇:CSS必须要知道的10个技巧 下一篇:CSS打造经典鼠标触发显示选项
回到顶部