需要帮助在 HTML 中设置 PHP 样式答案

【问题标题】：Need help styling PHP in HTML需要帮助在 HTML 中设置 PHP 样式
【发布时间】：2018-03-09 09:20:11
【问题描述】：

这是我的 PHP 编码，我使用 select where 语句从我的数据库中获取数据并将其输出。我正在尝试更改打印语句上的文本属性，例如字体、颜色和大小，任何人都可以帮助解决这个问题吗？

<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

$sql = "SELECT fname, sname FROM tbl_stylist WHERE fname = 'liza'";
$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
    // output data of each row
    while($row = mysqli_fetch_assoc($result)) {
        print " - Name: " . $row["fname"]. " " . $row["sname"]. "<br>";
    }
} else {
    echo "0 results";
}

mysqli_close($conn);
?>

【问题讨论】：

您是否从 MySQL 查询中返回结果？
使用 HTML 标记和 CSS 样式来设置样式。完成这件事应该没什么大不了的。
您好，您可以放置一个 div 标签并编写一些像这样的 css 属性

并在该类中编写 css 属性

标签： php html css database text-styling

【解决方案1】：

您可以使用 HTML <ul> 和 <li> 元素设置列表样式。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Stylists</title>
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

$sql = "SELECT fname, sname FROM tbl_stylist WHERE fname = 'liza'";
$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
    echo "<ul>";

    // output data of each row
    while($row = mysqli_fetch_assoc($result)) {
        echo "<li>Name: " . $row["fname"]. " " . $row["sname"]. "</li>";
    }
    echo "</ul>";
} else {
    echo "0 results";
}

mysqli_close($conn);
?></body>
</html>

在css/style.css 中输入如下内容：

li {
   color: red;
   font-weight: bold;
   font-size: 12pt;
}

您也可以将样式内联在 head 部分：

<style type="text/css">
li {
   color: red;
   font-weight: bold;
   font-size: 12pt;
}
</style>

【讨论】：

嗨，Adder，由于某种原因，这似乎不起作用？
哪种方式不工作？您收到错误消息吗？
根本没有错误消息.. 页面正常加载，但 echo 语句中页面上的文本没有显示任何更改
您是否创建了一个css 目录，其中包含style.css 文件，其中包含<li> 的样式？
是的，我已经在 default.css 下创建了一个 CSS 目录，其中包含我所有的 CSS 样式，我添加了
样式但没有任何乐趣

【解决方案2】：

你可以像这样输出你的降价：

print "<div class = 'sampleclass'>  - Name: " . $row["fname"]. " " .

然后通过在附加的css 文件中包含以下内容来设置它的样式

.sampleclass {
    font-size: 15px;
}

【讨论】：

嗨，Mathan，我已经尝试过这样做，但没有成功
你是否在页面顶部写了css属性

【解决方案3】：

这只是关于 HTML 和 CSS，您可以使用 echo 直接在 HTML 标签中输出您的字符串。脚本需要封装到 HTML 的 body 和一个预定义的 CSS 类中用于样式：

<!doctype html>
<html>
  <head>
    ....
    <style type="text/css">
      .redBold {
         color: red;
         font-weight: bold;
      }
    </style>
  </head>
  <body>
    <?php
      ....
      echo '<span class="redBold">This text is red and bold</span>';
    ?>
  </body>
</html>

当然你也可以使用内联样式：

&lt;span style="color: red; font-weight: bold;"&gt;Also this works&lt;/span&gt;

【讨论】：

【解决方案4】：

您始终可以使用 CSS 文件并定义值。例如：

body {
  font-family: arial;
  font-size: 15px;
}

<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    php txt
  </body>
</html>

另外，您可以使用<span> 标记并设置它们的样式。例如，使用 php 的“打印”打印这个跨度：

<span style="font-family: arial; font-size: 15px;">text</span>

【讨论】：