Question

我使用php来显示来自mysql的数据。以下是我的css陈述：

<style type=”text/css”>
table {
    margin: 8px;
}

th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    background: #666;
    color: #FFF;
    padding: 2px 6px;
    border-collapse: separate;
    border: 1px solid #000;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    border: 1px solid #DDD;
}
</style>

它们用于显示table，tableheader，tabledate。我是php css的新手，所以我只是想知道如何在php显示代码中使用上面的css样式：

<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
    echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
}
echo "</table>";
<?>

Answer 1

我猜你在数据库中有你的css代码＆amp;你想将一个php文件渲染为CSS。如果是这样的话......

在 html页面：

中

<html>
<head>
   <!- head elements (Meta, title, etc) -->

   <!-- Link your php/css file -->
   <link rel="stylesheet" href="style.php" media="screen">
<head>

然后，在 style.php 文件中：

<?php
/*** set the content type header ***/
/*** Without this header, it wont work ***/
header("Content-type: text/css");


$font_family = 'Arial, Helvetica, sans-serif';
$font_size = '0.7em';
$border = '1px solid';
?>

table {
margin: 8px;
}

th {
font-family: <?=$font_family?>;
font-size: <?=$font_size?>;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: <?=$border?> #000;
}

td {
font-family: <?=$font_family?>;
font-size: <?=$font_size?>;
border: <?=$border?> #DDD;
}

玩得开心！

Answer 2

层叠样式表（CSS）是一种样式表语言，用于描述以标记语言编写的文档的表示语义（外观和格式）。更多信息：http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS不是一种编程语言，也没有像PHP那样的服务器端语言附带的工具。但是，我们可以使用服务器端语言来生成样式表。

<html>
<head>
<title>...</title>
<style type="text/css">
table {
margin: 8px;
}

th {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: 1px solid #000;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: 1px solid #DDD;
}
</style>
</head>
<body>
<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
}
echo "</table>";
?>
</body>
</html>

Answer 3

将CSS放在PHP标记之外。这里：

<html>
<head>
    <title>Title</title>
    <style type="text/css">
    table {
        margin: 8px;
    }
    </style>
</head>
<body>
    <table>
    <tr><th>ID</th><th>hashtag</th></tr>
    <?php
    while($row = mysql_fetch_row($result))
    {
        echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
    }
    ?>
    </table>
</body>
</html>

请注意，PHP标记为<?php和?>。

Answer 4

我不理解这个Im new to php css但是你已经在元素级别定义了CSS，你的样式已经应用到你的PHP代码

您的PHP代码将与HTML一起使用

<!DOCTYPE html>
<html>
  <head>
    <style>
    /* Styles Go Here */
    </style>
  </head>
  <body>
  <?php
   echo 'Whatever'; 
  ?>
  </body>
</html>

另外请记住，你不需要使用php回显HTML，只需将它们分开就可以了。

<table>
  <tr>
    <td><?php echo 'Blah'; ?></td>
  </tr>
</table>

Answer 5

尝试将您的php放入html文档：

注意：您的文件未保存为index.html，但保存为index.php或您的php无法正常工作！

 //dont inline your style

 <link rel="stylesheet" type="text/css" href="mystyle.css"> //<--this is the proper way!

 //save a separate style sheet (i.e. cascading style sheet aka: css)

Answer 6

css When Points 02,03,04 get executed, will the insert_id get affected for Request-1有点像js :hover

onmouseover

不太确定它是如何工作的，但css将样式应用于echo＆＃39; ed id

Answer 7

我不知道格式是否正确。但是当用php在html / tpl文件中插入css代码时，它可以解决我的问题，删除 type =“text / css”。

<style type="text/css"></style>

成为

<style></style>

实施例

Answer 8

绝对简单的方法（使用当前代码）是在您的php代码中添加require_once("path/to/file")语句。

<?php
require_once("../myCSSfile.css");
echo "<table>";
...

此外，顺便说一句：开头<?php标记末尾没有>，而结尾?> php标记也不以<开头。很奇怪，但是是真的。

Answer 9

我现在遇到了这个问题，我尝试了require_once技巧，但是它只会在我的所有php代码上方回显CSS，而无需实际应用样式。

不过，我所做的修复是将我的所有php包裹在自己的纯HTML模板中。只需在文档的第一行中键入html并选择建议html：5即可获得HTML样板，就像刚开始编写纯HTML文档时一样。然后剪切关闭的正文和html标记，并将它们一直粘贴到底部的php标记下方，以包裹您的php代码，而不实际更改任何内容。最后，您只需将指向样式表的旧链接放在HTML的头部即可。效果很好。

Answer 10

你也可以将它嵌入到php中。 E.g。

<?php
    echo "<p style='color:blue; border:2px red solid;'>CSS Styling in php</p>";
?>

希望将来对任何人都有帮助。

如何在php中使用css样式

10 个答案: