惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 叶小钗
云风的 BLOG
云风的 BLOG
G
Google Developers Blog
S
SegmentFault 最新的问题
罗磊的独立博客
Hugging Face - Blog
Hugging Face - Blog
美团技术团队
爱范儿
爱范儿
博客园 - 三生石上(FineUI控件)
H
Hackread – Cybersecurity News, Data Breaches, AI and More
D
DataBreaches.Net
F
Fortinet All Blogs
TaoSecurity Blog
TaoSecurity Blog
D
Docker
C
Cybersecurity and Infrastructure Security Agency CISA
K
Kaspersky official blog
宝玉的分享
宝玉的分享
腾讯CDC
Google Online Security Blog
Google Online Security Blog
Recorded Future
Recorded Future
T
The Exploit Database - CXSecurity.com
T
The Blog of Author Tim Ferriss
V
V2EX
S
Securelist
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
C
CERT Recently Published Vulnerability Notes
A
Arctic Wolf
Scott Helme
Scott Helme
L
LINUX DO - 热门话题
Y
Y Combinator Blog
P
Proofpoint News Feed
T
Tor Project blog
AWS News Blog
AWS News Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
The Last Watchdog
The Last Watchdog
博客园 - 聂微东
T
Threat Research - Cisco Blogs
B
Blog
Attack and Defense Labs
Attack and Defense Labs
L
Lohrmann on Cybersecurity
C
CXSECURITY Database RSS Feed - CXSecurity.com
阮一峰的网络日志
阮一峰的网络日志
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
IT之家
IT之家
N
News and Events Feed by Topic
博客园 - 司徒正美
H
Help Net Security
C
Cisco Blogs
C
Check Point Blog
S
Secure Thoughts

博客园 - EricGu

DES加密解密函数 - EricGu - 博客园 Hibernate Annotation笔记 Groovy和Grails配置方法 Log4net的用法 在vs2008中设置jquery智能提示 开发人员最喜爱的十大免费的Visual Studio插件 优化JavaScript代码 Velocity快速指南 配置nhibernate时报 No persister for: NH.Model.Entities.Customer 异常 - EricGu 解决UpdatePanle中执行后台时间密码域丢失问题 网页制作技巧收集 Virtual PC 2007 SP1虚拟机上安装Ubuntu 9.04桌面版 oracle10g中的5个服务的作用 ORACLE服务的作用 关于TreeView控件发布后无法显示展开图标的问题 怎样设计网页安全字体 Div+CSS网页制作误区 未来五年程序员应当具备的十项技能 标准W3C盒子模型
JavaScript && CSS / CSS中的点滴
EricGu · 2009-10-27 · via 博客园 - EricGu

一、Reset CSS的重要性

     前端开发者经常容易被浏览器默认样式的差异搞晕,于是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时添加下划线。

四、CSS中不要使用@import

     @import 和 <link>是常用的两种引入CSS文件的方式,但是这两种方式却有差比别,具体原因如下:

     1、使用@import会增加页面的总体加载时间。

     2、IE中使用@import会改变文件的加载顺序。这可能会增加CSS文件的加载时间,阻碍页面渲染。

五、不要使用CSS表达式

     1、CSS表达式只有IE支持。

     2、表达式的计算频率非常高,因此会占用很多内存。

六、避免使用 filter

    在IE中使用filter改变元素的透明度,浏览器占用的内存会增加5M左右。为了避免这个问题最好使用透明图片替代。

    当然,如果要用JavaScript写动画这个问题就无法避免了。

七、Bug & Hack

     对于前端来讲,Hack是一种态度! 永远 不要讨厌Bug,学习和研究Bug并不是为了应用Bug,而是避免Bug。

八、充分理解浮动

     在CSS中存在三个流,即普通文档流、浮动流、定位流(Position,自己起的名字^o^),这三个流控制着整个页面的布局。

九、学习资源

     国内资源:

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

          ......

     国外资源: