1

我正在尝试在一个单独的文件中创建一个导航栏,以便以后可以将其包含在 php 中。该文件 nav_menu.php 包含一个h1标记、一个p标记和一个ul包含标记。a我在外部样式表中制作了 CSS。我设计了所有元素的样式。h1标签不起作用。为什么?

导航菜单.php:

<html>
<head>
<link rel="stylesheet" type="text/css" href="nav_menu.css">
</head>
<body>

<h1 title="School Helping Program">------ S.H.P. ------</h1>
<p title="S.H.P.">School Helping Program</p>

<ul>
<li><a href="home.php">home</a></li>
<li><a href="marks.php">marks</a></li>
<li><a onclick="logout()">log out</a></li>
</ul>

</body>
</html>

导航菜单.css:

<style>

h1{text-align:center;color:#CC0000;}/*Here's the prolbem*/
p{font-style:italic;text-align:center;}
li{float:left;}
ul{list-style-type:none;margin:0;padding:0;}
a{
display:block;
width:180px;
text-align:center;
background-color:#5CB8E6;
text-transform:uppercase;
color:#CC0000;
text-decoration:none;
padding:10px 135px;
cursor: pointer;
}

4

4 回答 4

1

这是因为您进入<style>了第一行并且浏览器威胁它作为<style>\n\nh1选择器。

于 2013-09-14T11:18:32.060 回答
1

您正在使用外部.css文件,因此它里面不能有任何HTML标签。

<style> // remove this
^^^^^^^---

h1{text-align:center;color:#CC0000;}/*Here's the prolbem*/
于 2013-09-14T11:16:45.160 回答
0

删除css文件中的前两行,它应该可以工作:

<style>

不是必需的,或者可能是 css 文件中的错误

于 2013-09-14T11:19:47.093 回答
0

由于它是一个外部样式表,因此您不需要包含该<style>标记,因为这是一个 html 标记,仅当您在该文件中添加 css 时才需要

所以你需要做的就是改变这个:

<style>

h1{text-align:center;color:#CC0000;}/*Here's the prolbem*/
p{font-style:italic;text-align:center;}
li{float:left;}
ul{list-style-type:none;margin:0;padding:0;}
a{
display:block;
width:180px;
text-align:center;
background-color:#5CB8E6;
text-transform:uppercase;
color:#CC0000;
text-decoration:none;
padding:10px 135px;
cursor: pointer;
}

对此

h1{text-align:center;color:#CC0000;}/*Here's the prolbem*/
p{font-style:italic;text-align:center;}
li{float:left;}
ul{list-style-type:none;margin:0;padding:0;}
a{
display:block;
width:180px;
text-align:center;
background-color:#5CB8E6;
text-transform:uppercase;
color:#CC0000;
text-decoration:none;
padding:10px 135px;
cursor: pointer;
}

然后它应该可以正常工作

于 2013-09-14T11:20:19.580 回答