我有4个不同的html网页.下面的html代码适用于我想要应用于所有四个页面的菜单栏.有没有办法可以使用CSS而不是在我的所有4个html网页上复制/粘贴这个菜单栏HTML代码？基本上这四页是Home,News,Contact,About.只要有人点击菜单栏项目,它就会将它们重定向到4个页面中的一个.在所有这四个页面中,我希望显示菜单栏.我想创建一个CSS文件,我可以将所有4个页面链接到,然后将显示菜单栏(下面的代码).提前致谢!
有什么办法可以创建一个至少可以处理样式的CSS文件吗？我会手动将菜单栏按钮添加到每个html页面？
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 25%;
background-color: #f1f1f1;
position: fixed;
height: 100%;
overflow: auto;
}
li a {
display: block;
color: #000;
padding: 8px 0 8px 16px;
text-decoration: none;
}
li a.active {
background-color: #4CAF50;
color: white;
}
li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="page1.html">Home</a></li>
<li><a href="page2.html">News</a></li>
<li><a href="page3.html">Contact</a></li>
<li><a href="page4.html">About</a></li>
</ul>
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
</div> …我想从用户中检索一个4位数的员工ID。如何将输入字段限制为4位数字？
<tr>
<td>4 digit Employee ID:</td>
<td><input type = "number" name = "employee_id" size = "20"></td>
</tr>
下面的字段从用户输入中检索小时工资率。如何在用户输入时薪的输入字段中（或之前）显示“ $”符号？
<tr>
<td>Hourly Pay Rate</td>
<td><input type = "number" name = "HPR" min="0" step="0.01" required></td>
</tr>