时隔一年半再次把《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、“
\5b8b\4f53”:这是”宋体”的unicode编码,防止中文乱码,同样“微软雅黑”的unicode编码就是“\5FAE\8F6F\96C5\9ED1”。
相关文章:不给line-height加单位要成为一种习惯 网页设计中的默认字体
是时候不用考虑基于字体大小(em)的设计了 谈谈网页设计中的字体应用(1-4) Font Set
三、连接
HTML语言之所以被称作超文本标记语言,就和超链接密不可分,优秀的
会增加用户停留的时间。
1、超链接字体颜色要明显区别于普通文本。
2、title属性尽量指定,有时由于连接文字过长,要进行截断,如果能够在title中显示完整的链接文本是一件很友好的事情。 3、连接默认无下划线,:hover时添加下划线。
四、CSS中不要使用@import
@import 和 是常用的两种引入CSS文件的方式,但是这两种方式却有差比别,具体原因如下: 1、使用@import会增加页面的总体加载时间。 2、IE中使用@import会改变文件的加载顺序。这可能会增加CSS文件的加载时间,阻碍页面渲染。 相关文章:
don’t use @import
中文翻译
五、不要使用CSS表达式
1、CSS表达式只有IE支持。 2、表达式的计算频率非常高,因此会占用很多内存。 相关文章 :
Avoid CSS Expressions
六、避免使用 filter
在IE中使用filter改变元素的透明度,浏览器占用的内存会增加5M左右。为了避免这个问题最好使用透明图片替代。
当然,如果要用JavaScript写动画这个问题就无法避免了。
七、Bug & Hack
对于前端来讲,Hack是一种态度! 永远 不要讨厌Bug,学习和研究Bug并不是为了应用Bug,而是避免Bug。
八、充分理解浮动
在CSS中存在三个流,即普通文档流、浮动流、定位流
(Position,自己起的名字^
o^
),这三个流控制着整个页面的布局。 关于浮动的一些琐碎笔记:
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、
Estelle Weyl:一名女前端工程师,
CSS属性支持一览表 、
CSS选择器一览表。 …… The End
1.本站内容仅供参考,不作为任何法律依据。用户在使用本站内容时,应自行判断其真实性、准确性和完整性,并承担相应风险。
2.本站部分内容来源于互联网,仅用于交流学习研究知识,若侵犯了您的合法权益,请及时邮件或站内私信与本站联系,我们将尽快予以处理。
3.本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24个小时之内从您的电脑中彻底删除上述内容,否则后果均由用户承担责任;如果您访问和下载此文件,表示您同意只将此文件用于参考、学习而非其他用途,否则一切后果请您自行承担,如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
5.本站是非经营性个人站点,所有软件信息均来自网络,所有资源仅供学习参考研究目的,并不贩卖软件,不存在任何商业目的及用途
暂无评论内容