Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
创建“;CSS”;带有“;PHP”;_Php_Html_Css - Fatal编程技术网

创建“;CSS”;带有“;PHP”;

创建“;CSS”;带有“;PHP”;,php,html,css,Php,Html,Css,我正在尝试使用PHP创建内联CSS,但不知道为什么它不起作用 我需要根据数据库中的数据来编写css,这是一个测试脚本,看看是否可以将php放在样式标记之间并创建css <!DOCTYPE html> <html> <head> <style> *{padding-right: 0px; PADDING-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;} <?php

我正在尝试使用PHP创建内联CSS,但不知道为什么它不起作用 我需要根据数据库中的数据来编写css,这是一个测试脚本,看看是否可以将php放在样式标记之间并创建css

<!DOCTYPE html>
<html>
<head>
<style>
*{padding-right: 0px; PADDING-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;}

<?php
echo "<br/>";
echo '.button { ';
echo "<br/>";
echo 'background-color: green;';
echo "<br/>";
echo 'border: none;';
echo "<br/>";
echo 'color: white;';
echo "<br/>";
echo 'padding: 15px 32px;';
echo "<br/>";
echo 'text-align: center;';
echo "<br/>";
echo 'text-decoration: none;';
echo "<br/>";
echo 'display: inline-block;';
echo "<br/>";
echo 'font-size: 16px;';
echo "<br/>";
echo 'margin: 4px 2px;';
echo "<br/>";
echo 'cursor: pointer;';
echo "<br/>";
echo '} ';
echo "<br/>";
?>

</style>
</head>
<body>

<h2>CSS Buttons</h2>

<button>Default Button</button>
<a href="#" class="button">Link Button</a>
<button class="button">Button</button>
<input type="button" class="button" value="Input Button">

</body>
</html>

*{右侧填充:0px;左侧填充:0px;底部填充:0px;边距:0px;顶部填充:0px;}
CSS按钮
默认按钮
按钮

您将所有这些

标记放在CSS中,从而创建了无效的CSS。使用
echo“\n”改为放置实际的换行符。或者干脆不使用它们——CSS不在乎样式是否在同一行。

将所有这些

标记放在CSS中,就是在创建无效的CSS。使用
echo“\n”改为放置实际的换行符。或者干脆省去它们——CSS不在乎样式是否在同一行。

您可以用
*{padding right:0px;padding left:0px;padding bottom:0px;margin:0px;padding top:0px;}
替换为
*{padding:0;margin:0;}
您可以替换
*{右填充:0px;左填充:0px;底部填充:0px;边距:0px;顶部填充:0px;}
with
*{padding:0;边距:0;}
这是工作代码现在的样子:这是工作代码现在的样子: