国外的网站在推出中文版本时，大都存在这样一个问题，没有针对中文字体调整字体大小。仍然使用英文字体的10px或者11px。结果导致中文版看起来很不舒服。例如 flickr、last.fm、facebook，等等。
看图
flickr
last.fm
facebook
我常用的日程管理工具，Google 日历也同样存在这个问题，中文字体在XP下看起来很不舒服。
于是，我自己动手进行了一些修改。
基本上把我看起来感觉不舒服的地方调整了。
先对比下修改前后的效果， 
修改前：
修改后的效果-1
修改后的效果-2
修改后的效果-3
修改后：
修改后的效果-1
修改后的效果-2
修改后的效果-3
————————————————————-
注：只方法只适用于 Firefox。
那么，如何修改呢？按照下面这个步骤来：
1、首先安装 Firefox 扩展 Stylish （点击这里下载），这个扩展允许你为某个或多个指定网站使用自定义的CSS。
2、安装Stylish之后，在管理样式中选择“撰写”，描述信息可以随便写，比如“Google日历”。
3、粘贴下面代码到文本框。
blockquote i{font-style:normal!important;font-size:12px!important;}.noleft nobr,.listv .event-title,.lkh,.cheadToday,.cheadNotToday > span,#expand_all_link,#collapse_all_link,.calListLabel,.newdate,.titlecell div li,.chipbody dd div span,.chipbody dt .timelabel,#eventowner .month_event span.event-title span,#eventowner .moreevents{font-size:12px!important;}
看图：
使用Stylish修改Google 日历样式表
4、保存
5、打开Google日历，在火狐右下角的Stylish图标中选中你刚才添加样式表。
在Firefox右下角设置Stylish
希望这篇文章对你有用。 
Tags:
google 日历 css firefox 扩展
超链接A的4个CSS属性是有顺序的。
错误的顺序会导致一些问题，例如：超链接访问过后 hover 样式就不出现。
正确的顺序应该为，link-visited-hover-active。
a:link {
color: #676777;
text-decoration: none;
}
a:visited {
color: #676777;
text-decoration: none;
}
a:hover {
color: #90909F;
text-decoration: underline;
}
a:active {
color: #676777;
text-decoration: none;
}
温故而知新：
- a:link 设置 a 对象在未被访问前的样式。
- a:visited 设置 a 对象在其链接地址已被访问过时的样式。
- a:hover 设置 a 对象在其鼠标悬停时的样式。
- a:acitve 设置 a 对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
延伸阅读：《web标准常见问题集合》
Tags:
css
在页面设计中，我们通常要隐藏一些元素，必要的时候才会让它们显示出来。
我通常使用
css
.context
{
display: none;
}
html
要隐藏的内容
但是这样就真的可以在任何情况下把它隐藏了么？今天看了这篇文章才发现，我疏漏了。
原文写的很清楚，我就没必要重复了，大家自己看，只写解决方案：加入一行 visibility:hidden;
即
.context {
display:none;visibility:hidden;
}
No tag for this post.
可怜的IE有这样的一个bug，通常会搞的你很郁闷。
bug描述：如果你对一个元素（比如div）设置了浮动，例如float:right，那么你再对它设置margin-right:10px；在ie中显示的效果就会变成margin-right:20px；就是10px被ie诡异的翻了一倍。
解决方案很简单，在这个元素里加入一行：display:inline; 即可搞定。
想了解更多的内容就阅读《The IE Doubled Float-Margin Bug》
Tags:
css,
IE6
