如何将 CSS 样式放入 php 代码中？答案

【问题标题】：How to put CSS style inside a php code?如何将 CSS 样式放入 php 代码中？
【发布时间】：2014-05-08 14:56:30
【问题描述】：

我想编辑表格的输入框，即用户在表格中输入用户名和密码的字段。我在 php 代码中创建了这个表。

现在我想将输入字段的文本设置为不同的颜色，并且只使用小写字母而不是大写字母。

我尝试为所选的 td 上课，例如 class="smallCaps"，并尝试在外部 css 文件中进行编辑，但没有成功。

<?php 
if ($username && $userid){
   echo "You have logged in as <b> $username </b>. Click here to <a href='logout.php'>         Logout </a>";  
 }
  else {
 $form = "<form action= 'index.php' method='POST'> 
 <table> 
    <tr> <td> <font color='black' face='arial' size='3'>Username:  </font> </font></td>    <td> <input type='text' name='user' placeholder='Username' > </td>
    <td> <font color='black' face='arial' size='3'>Password: </td>  </font><td> <input type='password' name='password' placeholder='Password'></td> 
    <td> <button type='submit' class='btn' name='loginbtn' value ='Login'><font size='3'>Login</font> </td></button>
    <tr><td> <a href='signup.php'> <font color='black' face='arial' size='3'>Register</font> </a> </td> </tr>
  </table>
   </form>";

【问题讨论】：

请不要再使用<font>，它已被弃用。改用 CSS。在 HTML5 中，甚至不再支持此标记。关于'找出你的td 有什么类'：只需用浏览器检查元素，看看类是否分配正确。如果是，PHP 工作正常，问题只是 CSS 规则损坏或其他问题。您的浏览器将哪个类分配给tds？
你能把你的代码贴在小提琴里吗>>jsfiddle.net

标签： php html css edit

【解决方案1】：

我不确定你在这里做什么。是否包含了外部 css 文件？

我假设你做了 [ class='smallCaps' ] 而不是 [ class="smallCaps" ] 这会与回声冲突。

【讨论】：

【解决方案2】：

你应该尝试这样的内联样式：

<table style=" background-repeat:no-repeat; width:450px;margin:0;" cellpadding="0" cellspacing="0" border="0">
  <tr style="height:40px; width:450px; margin:0;">
    <td style="height:40px; width:40px; margin:0;">

等等……

【讨论】：

你真的不应该让结构和设计交织在一起。不要将 HTML 与带有 style 属性的 CSS 混在一起。

【解决方案3】：

尽量将客户端代码和服务器端代码分开。您可以这样做：

echo '<table class="myClass">';

然后将表格样式放入您声明的类中

.myClass{
    top: 15px;
    left: 10px;
 }

【讨论】：