19

我使用 php 显示来自 mysql 的数据。这是我的css语句：

<style type=”text/css”&gt;
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>

它们用于显示表格、表格标题、表格日期。我是 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>";
<?>
4

10 回答 10

24

我猜你在数据库中有你的 css 代码并且你想将一个 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;
}

玩得开心！

于 2013-10-16T12:37:47.413 回答
15

级联样式表 (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>
于 2012-11-02T19:08:20.533 回答
6

只需将 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和?>。

于 2012-11-02T19:02:28.383 回答
2

尝试将您的 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)

于 2014-02-06T20:52:41.900 回答
1

我不明白这一点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>
于 2012-11-02T19:02:51.663 回答
0

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

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

变得

<style></style>

例子 在此处输入图像描述

于 2017-07-19T11:57:43.343 回答
0

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

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

另外，顺便说一句：开始<?php标签的末尾没有 a >，而结束的?>php 标签不以<. 很奇怪，但确实如此。

于 2019-02-23T04:13:02.353 回答
0

您也可以将其嵌入到 php.ini 中。例如

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

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

于 2017-05-29T05:33:38.017 回答
0

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

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

于 2020-07-12T11:45:11.287 回答
0

css:hover有点像 jsonmouseover

row1 {
    // your css
}
row1:hover {
    color: red;
}
row1:hover #a, .b, .c:nth-child[3] {
    border: 1px solid red;
}

不太确定它是如何工作的，但 css 将样式应用于回显的 id

于 2015-11-09T10:08:20.840 回答