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

推荐订阅源

T
Tenable Blog
Last Week in AI
Last Week in AI
P
Proofpoint News Feed
Engineering at Meta
Engineering at Meta
H
Help Net Security
F
Fortinet All Blogs
MyScale Blog
MyScale Blog
宝玉的分享
宝玉的分享
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 司徒正美
量子位
N
Netflix TechBlog - Medium
Apple Machine Learning Research
Apple Machine Learning Research
小众软件
小众软件
Recorded Future
Recorded Future
博客园 - 三生石上(FineUI控件)
Vercel News
Vercel News
aimingoo的专栏
aimingoo的专栏
I
InfoQ
Microsoft Security Blog
Microsoft Security Blog
Scott Helme
Scott Helme
The Last Watchdog
The Last Watchdog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
IT之家
IT之家
AI
AI
WordPress大学
WordPress大学
Security Archives - TechRepublic
Security Archives - TechRepublic
Google Online Security Blog
Google Online Security Blog
U
Unit 42
V2EX - 技术
V2EX - 技术
MongoDB | Blog
MongoDB | Blog
Schneier on Security
Schneier on Security
博客园 - Franky
H
Heimdal Security Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Jina AI
Jina AI
W
WeLiveSecurity
P
Privacy & Cybersecurity Law Blog
Cloudbric
Cloudbric
B
Blog RSS Feed
N
News | PayPal Newsroom
S
Securelist
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
I
Intezer
Hacker News - Newest:
Hacker News - Newest: "LLM"
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
博客园_首页
罗磊的独立博客
H
Hackread – Cybersecurity News, Data Breaches, AI and More
雷峰网
雷峰网

博客园 - 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、 园子里也有很多优秀博客....

          ......

     国外资源: