我想用动态css文件开发一个项目,我的意思是我想动态地应用样式,而不使用静态css文件。我想应用像颜色,边框,宽度,高度等样式,从一个表单字段和那些存储在数据库中,我想从数据库中获取值,并在css文件(样式)中动态应用变化,项目css应用为动态。如何在这种情况下编写代码
. css文件#border
{
border: 30px;
}
#color
{
color: red;
}
这样的…PHP表单视图
<h1 id='color'>hello world</h1>
<input type='text' id='border' value='hello'/>
我希望我的。css文件像这样
#border
{
border: <?= $settings[0]->border ?>;
}
#color
{
color: <?= $settings[0]->color ?>;
}
您可以通过创建.php
文件来实现。
添加逻辑,使其成为一个CSS文件(扩展名为.php
)
在(start of file) PHP文件中添加header
参数,告诉服务器这是一个CSS文件
<?php
header('Content-Type: text/css');
?>
现在,将该文件包含为CSS文件
。
<link rel="stylesheet" href="CUSTOM_STYLES.PHP"/>
这个包含CSS主体的PHP文件将作为一个动态CSS文件。
你可以将这部分css内嵌到你的HTML模板中:
<style>
#border
{
border: <?= $settings[0]->border ?>;
}
#color
{
color: <?= $settings[0]->color ?>;
}
</style>
或者,当$settings
值发生变化时(为了利用浏览器缓存),您可以生成一个CSS文件