如何在php中使用css样式

Li'*_*Li' 14 css php echo

我使用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>
Run Code Online (Sandbox Code Playgroud)

它们用于显示表格,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>";
<?>
Run Code Online (Sandbox Code Playgroud)

Oma*_*mar 18

我猜你在数据库中有你的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>
Run Code Online (Sandbox Code Playgroud)

然后,在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;
}
Run Code Online (Sandbox Code Playgroud)

玩得开心!


Rez*_*aSh 12

层叠样式表(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>
Run Code Online (Sandbox Code Playgroud)


rat*_*oss 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>
Run Code Online (Sandbox Code Playgroud)

请注意,PHP 标记是<?php?>

  • 此外,不需要回显诸如“&lt;table&gt;”之类的纯 HTML 标记 - 只需将它们输出到 HTML 中并在您实际需要 PHP 时启动 &lt;?php 标记。 (4认同)