Question

当我添加外部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>

Answer 1

CSS文件中没有HTML标记。删除＆lt; Style＆gt;标签。 CSS文件只是原始的CSS代码，没有HTML。另外，删除HTML注释。

CSS外部代码

1 个答案: