Html CSS外部代码
当我添加外部css文件时，它只显示导航栏，而不是带有站点标题和背景色的顶部。当我和HTML和CSS文件一起预览时，一切看起来都很好。CSS和HTML文件位于同一个文件管理器中，因此这不是问题所在。我似乎不明白为什么当我分离css和html文件时，只会出现一些css。任何帮助都将不胜感激。我很确定我忽略了什么 我在这里添加了代码和屏幕打印，显示了我的代码应该是什么样子，以及它到底是什么样子。我还包括了下面的HTML/CSS和外部链接。再次感谢您的帮助 HTML代码Html CSS外部代码,html,css,Html,Css,当我添加外部css文件时，它只显示导航栏，而不是带有站点标题和背景色的顶部。当我和HTML和CSS文件一起预览时，一切看起来都很好。CSS和HTML文件位于同一个文件管理器中，因此这不是问题所在。我似乎不明白为什么当我分离css和html文件时，只会出现一些css。任何帮助都将不胜感激。我很确定我忽略了什么 我在这里添加了代码和屏幕打印，显示了我的代码应该是什么样子，以及它到底是什么样子。我还包括了下面的HTML/CSS和外部链接。再次感谢您的帮助 HTML代码 <head> <
<head>
<link rel=”stylesheet” type=”text/css” href=”headermaster.css”>
</head>
<h3 class="full-width">
<div class="headtext">
<div class="header">Title</div>
</h3>
</div>
<div class="navbar">
<nav>
<div class="a"><a href="#">Home</a>
<div class="a"><a href="#">Blog</a>
<div class="a"><a href="#">Pricing</a>
<div class="a"><a href="#">About Us</a>
<div class="a"><a href="#">Contact Us</a>
<div class="a"><a href="#">Login/Register</a>
</nav>
</div>
</div>
</div>
</div>
</div>
标题
<head>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
-->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <!
[endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <!--<![endif]-->
<!-- Set the viewport width to device width for mobile -->
<style>
.header {
position: absolute;
height: 95px;
right: 0;
top: 0;
left: 0;
padding: 1rem;
background-color: #3399CC;
}
.headtext {
text-align: left;
right: 0;
top: 0;
left: 0;
font-size: 200%;
color: #FFFFFF;
}
.navbar {
position: absolute;
margin-top: 100px;
padding-top: 10px;
padding-bottom: 25px;
padding-right: 25px;
padding-left: 25px;
right: 0;
left: 0;
text-align: center;
background-color: #efefef;
}
.a {
padding: 15px;
display: inline;
}
/* unvisited link */
a:link {
color: black;
}
/* visited link */
a:visited {
color: black;
}
/* selected link */
a:active {
color: black;
}
</style>
.标题{
位置：绝对位置；
高度：95px；
右：0；
排名：0；
左：0；
填充：1rem；
背景色：#3399CC；
}
.正文{
文本对齐：左对齐；
右：0；
排名：0；
左：0；
字体大小：200%；
颜色：#FFFFFF；
}
navbar先生{
位置：绝对位置；
边缘顶部：100px；
填充顶部：10px；
垫底：25px；
右边填充：25px；
左侧填充：25px；
右：0；
左：0；
文本对齐：居中；
背景色：#EFEF；
}
.a{
填充：15px；
显示：内联；
}
/*未访问链接*/
a:链接{
颜色：黑色；
}
/*访问链接*/
a:参观了{
颜色：黑色；
}
/*选定链接*/
a:主动的{
颜色：黑色；
}