分类目录
近期评论
功能
Category Archives: css
使用PHP压缩CSS的三种方法
一个网站通常包含多个css文件。网站越复杂，这些css文件也会越庞大，对它们进行适当的压缩，可以节约不少带宽（在访问量巨大的时候尤为明显）。 下面介绍三种使用PHP压缩css的方法。 第一种方法： 修改css的文件名，比如把 v2op.css 改成 v2op.css.php。调用的方式如下： <link rel=”stylesheet” type=”text/css” media=”screen” href=”/v2op.css.php”/> 然后修改此v2op.css.php，在文件开头加上 <?php if(extension_loaded(‘zlib’)){ob_start(‘ob_gzhandler’);} header(“Content-type: text/css”); ?> 在文件最后面加上 <?php if(extension_loaded(‘zlib’)){ob_end_flush();}?> 第二种方法： 同样是先修改css的文件名，把v2op.css 修改为 v2op.css.php。 然后在文件开头处加上下面这段代码（注意文件的编码，这里是utf-8，根据你自己的需要修改） <?php ob_start (“ob_gzhandler”); header (“content-type: text/css; charset: UTF-8″); header (“cache-control: must-revalidate”); $offset = 60 … Continue reading
如何设置Google日历中文字体大小
国外的网站在推出中文版本时，大都存在这样一个问题，没有针对中文字体调整字体大小。仍然使用英文字体的10px或者11px。结果导致中文版看起来很不舒服。例如 flickr、last.fm、facebook，等等。 看图 我常用的日程管理工具，Google 日历也同样存在这个问题，中文字体在XP下看起来很不舒服。 于是，我自己动手进行了一些修改。 基本上把我看起来感觉不舒服的地方调整了。 先对比下修改前后的效果， 修改前： 修改后： ————————————————————- 注：只方法只适用于 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;} 看图： 4、保存 … Continue reading
超链接样式的正确顺序（link-visited-hover-active）
超链接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 设置 … Continue reading
关于 display:none
在页面设计中，我们通常要隐藏一些元素，必要的时候才会让它们显示出来。 我通常使用 css .context { display: none; } html 要隐藏的内容 但是这样就真的可以在任何情况下把它隐藏了么？今天看了这篇文章才发现，我疏漏了。 原文写的很清楚，我就没必要重复了，大家自己看，只写解决方案：加入一行 visibility:hidden; 即 .context { display:none;visibility:hidden; }
Posted in css
2 Comments
IE双倍浮动边界的bug
可怜的IE有这样的一个bug，通常会搞的你很郁闷。 bug描述：如果你对一个元素（比如div）设置了浮动，例如float:right，那么你再对它设置margin-right:10px；在ie中显示的效果就会变成margin-right:20px；就是10px被ie诡异的翻了一倍。 解决方案很简单，在这个元素里加入一行：display:inline; 即可搞定。 想了解更多的内容就阅读《The IE Doubled Float-Margin Bug》