这是我的锁定数据库 html 文件的代码
<!DOCTYPE html>
<html>
<head>
<link href="lockproject.css" type="text/css" rel="stylesheet">
<title>Locks Out Form</title>
<h1>Facilities Departmental Lock Checkout Entry Form </h1>
<h3> *All fields must be populated </h3>
</head>
<body>
<form action="insert.php" method="post">
<table style="width:100%">
<thead>
<tr>
<th>Lock Number</th>
<th>Equipment # or description:</th>
<th>Work Order #:</th>
<th>Date OUT::</th>
<th>Supervisor Inital OUT:</th>
<th>Comments/Tradesmen:</th>
</tr>
</thead>
<tbody>
<td>
<input type="text" name="lock_number" id="locknumber"
required="required">
</td>
<td>
<input type="text" name="equipment_number" id="equipmentnumber"
required="required">
</td>
<td>
<input type="text" name="work_order" id="workorder" required="required">
</td>
<td>
<input type="date" name="date_out" id="dateout" required="required">
</td>
<td>
<input type="text" name="supervisor_out" id="supervisorout"
required="required">
</td>
<td>
<input type="text" name="comments_out" id="commentsout"
required="required">
</td>
</tbody>
</table>
<input type="submit" value="Submit" >
<br><br>
</body>
<a href="http://152.116.203.115/lockcheckin.php" target="_blank">Lock Check
In Form</a>
<a href="http://152.116.203.115/dataout.php" target="_blank">Lock Check Out
History</a>
</html>
这是我的 css 文件的代码
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
h1 {
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
color: white;
font-weight: 120;
font-size: 36px;
line-height: 30px;
padding-bottom: 20px;
text-align: center;
width: 100%;
}
h3 {
color: #F81B1D
}
td, th {
border: 2px solid #ddd;
padding: 14px;
}
tr:nth-child(odd){background-color: #f2f2f2;}
tr:nth-child(even){background-color: #214CD2;}
th {
padding-top: 14px;
padding-bottom: 14px;
text-align: left;
background-color: #000000;
color: white;
}
body {
background-color: #4D4949;
}
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
</head>
<body>
html 文件的名称是 lockcheckoutbet.php，CSS 文件的名称是 lockproject.css 当我将 css 格式添加到 html 文件中的链接时，它没有响应并且似乎不起作用我可以'找不到代码为什么不起作用的问题。如果有人能告诉我它有什么问题，那就太好了!谢谢。
最佳答案
您的代码可以正常工作，确保您将 lockproject.css 和您的 html 文件放在同一目录中
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
h1 {
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
color: white;
font-weight: 120;
font-size: 36px;
line-height: 30px;
padding-bottom: 20px;
text-align: center;
width: 100%;
}
h3 {
color: #F81B1D
}
td, th {
border: 2px solid #ddd;
padding: 14px;
}
tr:nth-child(odd){background-color: #f2f2f2;}
tr:nth-child(even){background-color: #214CD2;}
th {
padding-top: 14px;
padding-bottom: 14px;
text-align: left;
background-color: #000000;
color: white;
}
body {
background-color: #4D4949;
}
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}<html>
<head>
<link href="lockproject.css" type="text/css" rel="stylesheet">
<title>Locks Out Form</title>
<h1>Facilities Departmental Lock Checkout Entry Form </h1>
<h3> *All fields must be populated </h3>
</head>
<body>
<form action="insert.php" method="post">
<table style="width:100%">
<thead>
<tr>
<th>Lock Number</th>
<th>Equipment # or description:</th>
<th>Work Order #:</th>
<th>Date OUT::</th>
<th>Supervisor Inital OUT:</th>
<th>Comments/Tradesmen:</th>
</tr>
</thead>
<tbody>
<td>
<input type="text" name="lock_number" id="locknumber"
required="required">
</td>
<td>
<input type="text" name="equipment_number" id="equipmentnumber"
required="required">
</td>
<td>
<input type="text" name="work_order" id="workorder" required="required">
</td>
<td>
<input type="date" name="date_out" id="dateout" required="required">
</td>
<td>
<input type="text" name="supervisor_out" id="supervisorout"
required="required">
</td>
<td>
<input type="text" name="comments_out" id="commentsout"
required="required">
</td>
</tbody>
</table>
<input type="submit" value="Submit" >
<br><br>
</body>
<a href="http://152.116.203.115/lockcheckin.php" target="_blank">Lock Check
In Form</a>
<a href="http://152.116.203.115/dataout.php" target="_blank">Lock Check Out
History</a>
</html>关于html - 我的 CSS 和 HTML 文件无法相互正确通信，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51023292/