














前端开发者经常容易被浏览器默认样式的差异搞晕,于是Reset CSS 出现了,而风靡一时的 *{margin:0;padding:0;}杀伤力太大无法满足需求。
目前常用的Reset CSS有四份:
对于Reset CSS希望大家能够选取适合自己的一份,进行修改后再使用,直接复制一份不是明智之举。
文字目前仍然是WEB中的主要信息载体,因此文字的表现形式是十分重要的,以下是我所常用的font设置:
font: 12px/1.5 Arial, "\5b8b\4f53", sans-serif;
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”。
![]()
HTML语言之所以被称作超文本标记语言,就和超链接密不可分,优秀的<a>会增加用户停留的时间。
1、超链接字体颜色要明显区别于普通文本。
2、title属性尽量指定,有时由于连接文字过长,要进行截断,如果能够在title中显示完整的链接文本是一件很友好的事情。
3、连接默认无下划线,:hover时添加下划线。
@import 和 <link>是常用的两种引入CSS文件的方式,但是这两种方式却有差比别,具体原因如下:
1、使用@import会增加页面的总体加载时间。
2、IE中使用@import会改变文件的加载顺序。这可能会增加CSS文件的加载时间,阻碍页面渲染。
1、CSS表达式只有IE支持。
2、表达式的计算频率非常高,因此会占用很多内存。
在IE中使用filter改变元素的透明度,浏览器占用的内存会增加5M左右。为了避免这个问题最好使用透明图片替代。
当然,如果要用JavaScript写动画这个问题就无法避免了。
对于前端来讲,Hack是一种态度! 永远 不要讨厌Bug,学习和研究Bug并不是为了应用Bug,而是避免Bug。
在CSS中存在三个流,即普通文档流、浮动流、定位流(Position,自己起的名字^o^),这三个流控制着整个页面的布局。
国内资源:
7、 园子里也有很多优秀博客....
......
国外资源:
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。