《
再读《CSS权威指南》》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233T92013.htm
--> [
网站建设之]再读《CSS权威指南》
时隔一年半再次把《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 研究（技巧篇） ,
内容首页设计的10条经验; 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编码，避免中文乱码，同样“微软雅黑&rdquo,
内容类网站提高网站粘度的常见方法;的unicode编码就是“\5FAE\8F6F\96C5\9ED1”。 相关文章：不给line-height加单位要成为一种习惯
网页设计中的默认字体 ,
兼容多浏览器的Div高度自动伸展的效果; 是时候不必斟酌基于字体大小（em）的设计了 谈谈网页设计中的字体运用(1-4) Font Set 三、连接 HTML语言之所以被称作超文本标志语言，就和超链接密不可分，优秀的<a>会增加用户停留的时间。 1、超链接字体色彩要显明差别于普通文本。 2、title属性尽量指定，有时因为衔接文字过长，要进行截断，如果能够在title中显示完全的链接文本是一件很友爱的事件。 3、连接默认无下划线，:hover时增加下划线。 对于连接的处置，有一篇更好的文章：连接，怎么办？
四、CSS中不要使用@import @import 和 <link>是常用的两种引入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中存在三个流,
兼容IE和FF的CSS HACK写法，即一般文档流、浮动流、定位流(Position，本人起的名字^o^)，这三个流把持着全部页面的布局。 对于浮动的一些琐碎笔记：CSS- Float.doc
九、学习资源 海内资源： ,
兼容ie、firefox的图片自动缩放的css跟js代码分享; 1、秦歌：随网之舞 2、玉伯：岁月如歌 3、明城 ,
具有引导性的移动应用界面设计模式 搜索、排序和筛选; 4、圆心：怿飞's Blog ,
关闭XPSP2运行本地HTML文件的安全警告; ,
关于迅雷网站的设计分析; ,
关于解决网站内容复制几点建议; 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抉择器一览表。 ...... Tag：CSS威望指南 CSS权威指南
(责任编辑：网站建设)
再读《CSS权威指南》相关文章