使用php将多个css文件连接成一行的方法是什么?

我想减少以下..

<link href="reset.css" rel="stylesheet" type="text/css" media="screen">
<link href="grid.css" rel="stylesheet" type="text/css" media="screen">
<link href="commons.css" rel="stylesheet" type="text/css" media="screen">

<link href="concatenator.php+reset.css+grid.css+commons.css" rel="stylesheet" type="text/css" media="screen">

结果是一个带有所有样式表的css或html文件

此方法减少了http请求,并为设计人员和开发人员提供了使用dinamyc站点配置的其他功能。

===============>>#1 票数:2 已采纳

MatRt发布的代码很接近,但使用的是+符号而不是。 附加的标志,它似乎并没有实际发送CSS到页面,即使它将打印CSS。

我设法获得这里提供的代码,并对其进行了一些小调整。 这里是:

 <?php // Check the parameter and stop if there is no files param if (empty($_GET['files'])) die(); // Retrieve the list of files $files = explode(",", $_GET['files']); $directoryOfCss = 'C:\\xampplite\\htdocs\\path\\to\\my\\folder\\css\\\\'; $cssContent = ""; // Loop on all potential file and try to retrieve its content foreach($files as $oneFile) { //echo $directoryOfCss . $oneFile . ".css"; if (file_exists($directoryOfCss . $oneFile . ".css")){ //echo $directoryOfCss . $oneFile . ".css<br>"; $cssContent .= file_get_contents($directoryOfCss . $oneFile . ".css"); } } // Finally echo the total content of CSS header("Content-Type: text/css"); header("X-Content-Type-Options: nosniff"); header("Content-Type: text/css;X-Content-Type-Options: nosniff;"); echo $cssContent; 

我从这篇文章得到了标题部分。

===============>>#2 票数:1

你的网址应该更像

concatenator.php?files=reset,grid,commons

注意 :如果您不喜欢,可以选择其他分隔符,

而着名的concatenator.php可能就像

<?php

// Check the parameter and stop if there is no files param
if (empty($_GET['files']))
    die();

// Retrieve the list of files
$files = explode(",", $_GET['files']);
$directoryOfCss = "/absolute/path/to/your/css/files/";
$cssContent = "";

// Loop on all potential file and try to retrieve its content
foreach($files as $oneFile)
{
    if (file_exists($directoryOfCss + $oneFile + ".css"))
        $cssContent += file_get_contents($directoryOfCss + $oneFile + ".css");
}

// Finally echo the total content of CSS
echo $cssContent;

  ask by Blackhero translate from so

未解决问题?本站智能推荐:

2回复

没有Javascript的CSS框架

我需要建立一个网站,但我有特定的说明,不使用JavaScript。 除此之外,我还必须制作一款适用于iPhone /移动设备(也没有javascript)。 我可以根据具有一些PHP魔法的设备切换样式表,因此它不必是相同的CSS文件。 我想知道的是,对于其中一种或两种情况,一些推荐的C
6回复

Sass和Compass for PHP [关闭]

是否有类似Sass和Compass的 CSS框架可用于在PHP中使用类似的CSS抽象方法进行开发。
1回复

使用JS生成CSS样式表

我最近尝试构建一个极其简约的轻量级CSS框架(类似于Pure CSS )。 在检查代码时,我的一位朋友建议我使用Javascript生成CSS,主要是为了大大减小文件大小。 在以下两种情况下,文件大小将减小: 列类看起来像col-x-12 ,并且JS能够计算宽度并使用更少的代码
1回复

如何覆盖inuit.css中的表单样式?

是否有建议的方法可以覆盖/更改inuit.css中的表单样式? inuit.css/base/_forms.scss具有设置标签标签以display: block;的规则display: block; ,这破坏了我正在使用的CMS。 当然,我可以修改此文件,或从_inuit.scss删
4回复

如何覆盖\\编辑Zurb Foundation基本CSS样式?

这是我第一次使用Zurb Foundation进行网络项目。 但是,我不确定是否在单独的样式表中使用我自己的样式覆盖它们的样式或直接编辑foundation.css 。 例如,这是他们的nav css(在foundation.css ): 如果我想更改background和mar
1回复

CSS:为什么样式标签需要包含在带有Pure CSS框架的html中?

为什么样式标签需要包含在Pure CSS框架的HTML中? 文档也有它http://purecss.io/buttons/我正在看“带圆角的彩色按钮:成功按钮”部分 (看看这个Codepen - 在左下角点击编辑笔) 注意你是否取消注释它工作的HTML中的样式标签? 为什么不能从
2回复

链接到LESS css时,访问受限制的URI被拒绝

我刚刚下载了语义CSS并运行了示例,但在Firefox上看到了以下错误 下面是示例页面中的代码 我怎样才能摆脱这个错误?
2回复

有没有常见的CSS库?

我正在寻找拥有所有常见css最佳实践的CSS库。 例如块中心样式: 我想将这样的库作为单独的css文件分发,我可以在我的项目中添加和使用它。
5回复

移动开发的CSS框架? [关闭]

在过去的一年中,我已成为BluePrint.css的支持者,用于管理大型Web应用程序项目。 我也研究了960和YUI的产品。 一切都很好(尽管我对YUI有一些抱怨)。 我现在正在研究一个移动项目,并且鉴于我们需要适应各种屏幕尺寸,因此我认为CSS网格框架是您的又一个选择。 我可
1回复

带有详细文档的CSS框架

我昨天开始使用Zurb的Foundation 3,但是他们提供给Framework的文档没有那么详细。 还有其他附带详细文档的CSS框架或书籍吗? 链接或详细教程会很棒!