内联 CSS 代码中使用的 PHP 变量
在 CSS 中使用 PHP 变量有很多优点,其中之一是您不必学习新的语法。在 CSS 代码中使用 PHP 变量是一种已知做法,已在许多框架、主题和其他网站相关脚本中实现。
最常见的用途是内联 CSS。下面是一个使用 PHP 变量的内联 CSS 示例:
<html>
<head>
<style>
.class {
color: <?php echo $text_color; ?>
}
</style>
</head>
<body>
</body>
</html>
当 PHP 变量表示通过管理界面设置的用户设置时,通常使用此技术。一个实际的例子是在 WordPress 主题中,用户可以通过主题的后端设置背景或文本颜色。
外部 CSS 文件中的 PHP 变量
当涉及到外部 CSS 文件时,也可以使用 PHP 变量,但为了避免 PHP 在每次检索 CSS 文件时解析它,你必须将输出保存到像 @ 这样的静态文件中987654324@.
在保存到“.css”文件之前,都需要解析 SASS 和 LESS。您的 PHP 文件也是如此,您将执行该文件并将输出保存到静态“.css”文件,就像其他语法一样。
解析 CSS 文件是一种非常常见的做法,并在许多网站和大多数知名网站上广泛使用。对于increase site's performance,通常通过压缩(节省约 25%)CSS 代码、将多个文件合并为一个(减少 HTTP 请求)和 gzip(节省约 80%)生成的文件来完成。
这是一个示例,说明如何在名为 stylesheet.php 的文件中使用 PHP 变量,并将结果保存到 stylesheet.css:
<?php
// Get the parsed CSS code with the
$processed_CSS = file_get_contents('http://www.example.com/stylesheet.php')
// Save the processed CSS to a static CSS file
file_put_contents('stylesheet.css', $processed_CSS);
将上述 PHP 代码放入名为“parse-css.php”的文件中,并通过网络浏览器访问它,以创建或更新生成的静态 CSS 文件。
然后在您的 HTML 代码中包含 stylesheet.css 而不是 stylesheet.php。
您可以改进您的 解析器 以使其也缩小 CSS 代码,例如使用 CSSMin PHP 类。