在 PHP 页面中添加 CSS 代码（不是文件）答案

【问题标题】：Adding CSS code (not file) within a PHP page在 PHP 页面中添加 CSS 代码（不是文件）
【发布时间】：2014-05-09 10:16:46
【问题描述】：

我似乎找不到正确的答案。我想知道如何在我的 PHP 页面中包含 CSS 代码。

我的 PHP 页面中有脚本，然后我在页面加载时使用 echo 显示 HTML 元素。其中 3 个元素是带有提交按钮的表单。我试图让那些提交按钮具有相同的宽度和高度。我进行了研究，似乎唯一的解决方案是添加通常插入标签内的 CSS，但我有一个 PHP 页面，而不是 HTML。如果我尝试在文件管理器视图中添加 PHP 文件并将其标记为 HTML 文件，这意味着如果我添加标签，服务器会将我的 PHP 文件标识为 HTML，所以我不希望出现这个额外的问题。

我只是想让表单按钮具有相同的宽度。下面是我目前所拥有的，我在每个提交按钮的值上添加了一些空格以尝试扩展它们的宽度，但它仍然明显不匹配。

http://s12.postimg.org/iqp7okq55/Capture2.png

编辑：

谢谢你们，你们帮了我很大的忙。我在 HTML 元素的任何其他回显之前添加了此代码：

echo "<html><head><style>input.panelbutt {width:120px;}</style></head>";

当然，我在最后添加了一个结束 HTML 标记 echo 并确保提交按钮具有“Class='panelbutt'”属性。

【问题讨论】：

另外，这是使用 PHP/HTML/CSS/ 的非常基本的概念...我建议您看看像 codecademy.com 这样的网站，以便更熟悉代码。跨度>

标签： php html css

【解决方案1】：

没有理由您的 PHP 脚本不能以与 HTML 相同的方式输出 CSS。

我个人喜欢使用 HEREDOC syntax 而不是多个 echo 语句，因为我认为它看起来更整洁（使用较少的 \ 字符）并且更容易将 PHP 变量嵌入其中，但这取决于你...

echo <<<EOF
<style>
/* put your CSS here */
</style>
EOF;

或通过关闭 PHP 标记将其放入内联

<?php
// some php here...
?>
<html>
  <head>
     <title>PHP, CSS and HTML mix page</title>
     <!-- more head tags here.... -->
     <style> 
     /* css here */ 
     </style>
  </head>
  <body>
  <?php // more PHP
  ?>
  <!-- html here -->
  </body>
</html>

【讨论】：

感谢 Vogomatix，由于您的回答，我添加了我想出的最终脚本

【解决方案2】：

将您的 CSS 文件创建为静态资源，然后在生成 HTML 以返回浏览器时，只需在 <HEAD> 区域中包含以下行：

echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"pathtofile.css\">";

示例 css：

button.classABC {
    width: 100px;
}

【讨论】：

很确定他说没有文件。