减少CSS文件的大小能有效减少页面的加载时间,改善用户体验。本文将介绍一种利用php来压缩CSS文件的方法。
新建css-compress.php文件
header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
/* remove comments */
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
/* 清楚 tabs, 空格, 新行, 等. */
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer);
return $buffer;
}
/* 所有的CSS文件 */
include('master.css');
include('typography.css');
include('grid.css');
include('print.css');
include('handheld.css');
ob_end_flush();
使用方法
1. 在浏览器中打开上面的 css-compress.php 文件,即可输出压缩后的CSS源代码,保存即可。【推荐】
2. 直接调用css-compress文件,代码如下:【不推荐】
<link rel="stylesheet" href="css-compress.php" type="text/css" media="all">
这个我学习了!呵呵
你是设计网站的,那我以后设计网站就找你啊,呵呵!
看来是PHP高手了,我只用java别的没用过。
好方法,值得一试
到时候,我也去试试吧
从来没有压缩过CSS。不过有了解过这种方法。
这都行,这个技巧还不错哈
这个只是把多余字符给去了吧,没有把css相同样式的整合吧!不过还不错
你的这个分享放到左上是不是不太好,如果在小的显示器上会不会盖住你的标志呢??
恩,只是去除了CSS中的一些不必要的字符。分享按钮确实容易盖住logo,有空调整一下。非常感谢。
我的CSS还从来没有压缩过类。