PHP 实战：动态更改 CSS 值

直接输出 CSS 样式

<?php// 假设从数据库或表单获取用户偏好的字体大小$userFontSize = '14px';// 输出 CSS 样式echo '<style> body { font-size: ' . $userFontSize . '; } </style>';
?>

在上面的代码中，我们首先设定了一个变量 $userFontSize 来模拟获取用户设置的字体大小，然后通过 echo 函数将 CSS 样式输出到页面中。

生成新的 CSS 文件
如果需要更改的样式较多，我们也可以选择生成一个新的 CSS 文件。这可以通过文件操作函数来实现，如下所示：

<?php// CSS 内容$cssContent = 'body { font-size: 14px; } h1 { color: blue; }';// 写入到新的 CSS 文件file_put_contents('style.css', $cssContent);
?>

除了直接在服务器端输出或生成 CSS 文件外，还可以结合 JavaScript 来动态更改样式。这种方式更为灵活，可以根据用户的行为实时更改样式。

<?php// 输出 JavaScript 代码echo '<script> document.querySelector("body").style.fontSize = "14px"; </script>';
?>