使用 PHP 更改 CSS 值

Change CSS value by using PHP

本文关键字:CSS 更改 PHP 使用      更新时间:2023-09-26

例如,我有这个CSS脚本:

<style>
.header{
background:none:
color:#fff;
}
</style>

然后,我想将标头值更改为:

<style>
.header{
background-color:#fff:
color:#000;
}
</style>

这些值存储在数据库中。让我感到困惑的是,哪个应该是最好的:使用PHP脚本或CSS甚至javascript。我希望根据数据库中的 CSS 值对其进行更改,我可以在需要时再次更改(通过使用 PHP 脚本)。也许这个问题太笼统了,但是,请给我一些我可以很好地执行的脚本。感谢您的任何帮助。

首先,将文件的扩展名从(例如)样式.css更改为样式.php 。然后将其添加到css的第一行:

<?php header('Content-Type: text/css'); ?>

之后,您可以将背景的值定义为变量并轻松更改它。

background: <?php echo $value; ?>

在您的 PHP 文件中:

<?php value = "#fff"; ?>

更新:

<?php $value = "#fff"; ?>

出于可维护性和灵活性的原因,我想提出前端,而不是后端解决方案(也是因为到目前为止没有人提出)。

我特别喜欢 Grips 库中采用的方法,您可以在其中编译 CSS 模板,传入变量作为输入(即颜色),并获取要使用的 CSS。所有这些都可以在浏览器中发生。您也可以将Grips用于HTML模板化。

正如我在评论中提到的,这个视频是对Grips的最佳介绍。

另请注意,如果你想在后端使用 Grips,你可以 - 但它是一个 JS 库,所以它不能完全适合你的 PHP 解决方案。

我认为两种方式都是一样的。

如果你想使用php,那么你将不得不使用内联css或样式标签,它很简单。

喜欢

$color = (!dbValue?"defaule value":dbValue);
<style>
.header{
background-color:<?=$color?>:
color:#000;
}
</style>

在那个写中创建一个php页面

$row = mysql_fetch_array(mysql_query('select * from table'));

<style>
    .header{ 
        background-color: <?php echo $row['bg_color_from_db']; ?> //change variable
        color:<?php echo $row['color_from_db']; ?>; //change variable
    }
</style>

为了实现这一点,您需要同时使用这三者,我假设您使用的是后端设置的 LAMP。您将使用 PHP 首先检索值并存储它们,这里有一篇很好的帖子来说明这一点。

链接到堆栈溢出上的示例

一旦你存储了你的值,你就需要一个文件来使用 JavaScript 来改变 DOM。这是Mozilla Developers制作的一个很好的起点:

Mozilla JavaScript 和 CSS

我建议使用 JavaScript 来实现这一点的原因是能够侦听事件并更改客户端作为响应。希望这有帮助。

在此处导入数据库 在 css 中或包含数据库页面;

$bg_color=$_row['column name'];
background-color:$bg_color; 

像这样的事情,您将能够使用存储在数据库中的值更改背景颜色