如何使用CSS样式在PHP(How to use css style in php)

2019-06-18 19:28发布

站内文章 / 后端开发
45 0 0

即时通讯使用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>

它们被用于显示表，的tableHeader，tabledate。 进出口新的PHP的CSS，所以我只是想知道如何使用上述CSS样式在PHP代码显示： 

<?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）是用于描述写的标记语言文档的表达语义（外观和格式）的样式表语言。 更多信息： 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 2:

我猜你有你的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;
}

玩得开心！



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”时用PHP HTML / TPL文件插入CSS代码。 

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

成为

<style></style>

例



Answer 7:

CSS :hover有点像爵士onmouseover 

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

也不太清楚它是如何工作，但CSS样式应用于echo'ed IDS



Answer 8:

绝对最简单的方法（与您现有的代码）是添加require_once("path/to/file")声明你的PHP代码。 

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

另外，作为留出：所述开口<?php标签不具有>在端，和封闭?> PHP的标签不与启动< 。 奇怪，但却是事实。



Answer 9:

你也可以将它嵌入在PHP。 例如 

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

希望这有助于在未来的人。



文章来源: How to use css style in php
标签： php css echo
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~