0

我有这个非常奇怪的问题。当我在我的服务器上运行这个页面时，当我没有在任何地方告诉它是粗体时，表格的文本就会变成粗体。顶部显示注销和返回的按钮没有粗体，但整个表格都是粗体。现在真的很烦我！请帮忙！

<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>RHS Year 13 - Administration</title>

<link href="style_ric.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="header"> <img src="header.jpg" width="260px" height="50"/>
</div>
<h1>Administration Panel
</h1>
<p class="form"><a href="users.php?logout=yes">Logout</a> - <a href="view.php">Back</a></p>
<h1>
  <hr />



<?php

include_once 'database_login.php'; 


if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; }; 
$start_from = ($page-1) * 20; 
$sql = "SELECT * FROM login ORDER BY last_name ASC LIMIT $start_from, 20"; 
$rs_result = mysqli_query ($con, $sql); 

echo '</p>';
echo '<table border="0" class="form">';
echo '<tr><td>Student ID</td><td>Last Name</td><td>First Name</td><td>Form Class</td></tr>';

while ($row = mysqli_fetch_assoc($rs_result)) { 

            echo '<tr>';
            echo '<td>' . $row["student_id"] . '</td>';
            echo '<td>' . $row["last_name"] . '</td>';
            echo '<td>' . $row["first_name"] . '</td>';
            echo '<td>' . $row["form_class"] . '</td>';
            echo '</tr>';
}; 
echo '</table>';

$sql = "SELECT COUNT(last_name) FROM login"; 
$rs_result = mysqli_query($con, $sql); 
$row = mysqli_fetch_row($rs_result); 
$total_records = $row[0]; 
$total_pages = ceil($total_records / 20); 

  echo '<p class="form">';
for ($i=1; $i<=$total_pages; $i++) { 
              echo '<a href="users.php?page=' . $i . '">' . $i . '</a>'; 
}; 

echo '</p>';
?>

</body>
</html>

样式表：

@charset "UTF-8";
/* CSS Document */

p {
    font-size:12px;
    color:#000;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-size:12px;
    color:#000;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h1 {
    font-weight:bold;
    font-size:16px;
    font-family: Arial, Helvetica, sans-serif;
}

.form {
    font-size:12px;
    color:#000;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;


}

.nopadding {
    padding: 0px;
    margin-bottom: 0px;
}

.italics_note {
    font-size:12px;
    color:#000;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-style:italic;
}

.error {
    font-size:12px;
    color:#ffffff;
    background-color:#F00;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
}

.done {
    font-size:12px;
    color:#ffffff;
    background-color:#060;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
}

#header {
    width:auto;
    height:50px;
    background-color:#020154;
    color: #000000;
}

#error {
    width:200px;
    height:14px;
    padding:1px;
    background-color:#F00;
    color: #000000;
}
4

1 回答 1

5

您打开了一个<h1>未关闭的标签。由于您的logout按钮位于<h1>标签之前，因此它看起来很正常。并且您的粗体属性<h1>将应用于所有其他元素。

于 2013-03-10T08:09:33.310 回答