再读《CSS权威指南》

网络整理 - 07-27

时隔一年半再次把《CSS权威指南》读了一遍,受益匪浅,温故而知新!

读书笔记:CSS-Definitive-Guide.doc

收获:

一、Reset CSS的重要性

     前端开发者经常容易被浏览器默认样式的差异搞晕,于是Reset CSS 出现了,而风靡一时的 *{margin:0;padding:0;}杀伤力太大无法满足需求。

     目前常用的Reset CSS有四份:

      1、YUI CSS Reset 。

      2、Eric Meyer 的  Reset CSS。

      3、Shawphy CSS Reset。

      4、KISSY CSS Reset。

      对于Reset CSS希望大家能够选取适合自己的一份,进行修改后再使用,直接复制一份不是明智之举。

      相关文章:Reset CSS 研究(八卦篇)    Reset CSS 研究(技术篇)   Dawn CSS Reset   


二、字体的重要性

     文字目前仍然是WEB中的主要信息载体,因此文字的表现形式是十分重要的,以下是我所常用的font设置:

font: 12px/1.5 Arial, "\5b8b\4f53", sans-serif;

      1、px:现在的大部分浏览器都支持Full Page Zoom,因此可以放弃使用em。

      2、1.5而非150%:行高1.5倍比较适合阅读;使用1.5并没使用150%是因为1.5形式是行高的“缩放因子”,能够避免文字串行。

      3、font set:很多人都喜欢用Tahoma,Tohama是英文Windows操作系统的默认字体,显示中英文混排很好。

           但是经过测试Tohama和Arial在小字体下差距并不大,而且Tahoma在IE6中13px会显示成14px。

      4、“这三个流控制着整个页面的布局。

     关于浮动的一些琐碎笔记:CSS- Float.doc


九、学习资源

     国内资源:

          1、秦歌:随网之舞

          2、玉伯:岁月如歌

          3、明城

          4、圆心:怿飞's Blog

          5、臭鱼的交互设计

          6、蓝色理想

          7、 园子里也有很多优秀博客....

          ......

     国外资源:

          1、Eric Meyer:HTML、CSS和Web 标准领域国际公认专家。

          2、css-discuss.org:一个优秀CSS邮件列表网站。

          3、Position Is Everything:专门研究CSS布局兼容性与Bug问题的网站。

          4、:一名女前端工程师,CSS属性支持一览表  、CSS选择器一览表。

          ......