CSS外部代码
CSS外部代码
提问于 2017-01-29 00:50:56
当我添加我的外部css文件时，它只显示导航栏，而不显示带有站点标题和背景色的顶部。当我用HTML和CSS文件一起预览它时，一切看起来都很好。CSS和HTML文件位于同一个文件管理器中，所以这不是问题所在。似乎无法理解为什么当我分离css和html文件时，只会出现一些css。任何帮助都将不胜感激。我很肯定我忽略了一些东西。
我已经添加了代码和屏幕打印的代码，我的代码应该是什么样子，以及它在这里的样子- https://estandcorp.wordpress.com/。我还包括了HTML/CSS和外部链接下面。再次感谢你的帮助。
HTML代码
<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>这里是CSS
<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>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-01-29 00:52:38
CSS文件中没有HTML标记。把标签拿掉。CSS文件只是原始的CSS代码，没有HTML。另外，删除HTML注释。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41916538
复制相关文章
相似问题
腾讯云开发者
