1
外部のCSSファイルを追加すると、ナビゲーションバーが表示され、サイトタイトルと背景色の上部は表示されません。私がHTMLとCSSファイルを一緒にプレビューすると、すべてがうまく表示されます。 CSSとHTMLファイルは同じファイルマネージャにあるので、問題はありません。私がcssファイルとhtmlファイルを分離すると、なぜCSSの一部だけが現れるのか分かりません。どんな助けもありがとう。私は何かを見落としていると確信しています。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>
ここでは何のHTMLタグがCSSファイルではありません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>
Tyプログラムに追加する回答：また、href = "headermaster.css"が間違っている可能性があります。 htmlファイルの場所を基準にした正しいパスであることを確認してください。 – aguertin
削除しました - これと他の質問から回答しました。それを解決済みとしてマークするには、回答を受け入れる。http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work –