繁体   English   中英

需要使用HTML样式化PHP的帮助

[英]Need help styling PHP in HTML

这是我的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);
?>

您可以使用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;
}

您还可以将样式内联在标题部分:

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

您可以这样输出markdown:

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

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

.sampleclass {
    font-size: 15px;
}

这仅涉及HTML和CSS,您可以直接在带有echo的HTML标签中输出字符串。 该脚本需要封装到HTML主体中,并需要预定义样式的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>

当然,您也可以使用内联样式:

 <span style="color: red; font-weight: bold;">Also this works</span> 

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

body {
  font-family: arial;
  font-size: 15px;
}
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    php txt
  </body>
</html>

另外,您可以使用<span>标记并设置其样式。 例如,使用php的'print'打印此范围:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM