0

次の HTML コードがあります。

<div id="navigation">            
   <ul class="top-level">
       <li><a href="./Default.aspx">Home</a></li>
   </ul>
</div>

私はそれに次のCSSクラスを使用しています:

<style type="text/css">
#navigation { font-size:0.75em; width:150px; }
#navigation ul { margin:0px; padding:0px; }
#navigation li { list-style: none; }

ul.top-level { background:#666; }
}
</style>

CSS コードを別の .css ファイルに移動して、HTML で参照するにはどうすればよいですか? 私は使用してみました：

<div id="navigation">
                <link rel="stylesheet" href="CSS/Styles.css"/>
                <ul class="top-level">
                ...

しかし、それはうまくいきません。

4

4 に答える 4

0

<link rel="stylesheet" href="CSS/Styles.css"/>先頭または の前に移動し<div id="navigation">ます。このような：

<head>
    <link rel="stylesheet" href="CSS/Styles.css"/>
</head>

または：

<link rel="stylesheet" href="CSS/Styles.css"/>
<div id="navigation">
         <ul class="top-level">

でも頭の方に移した方が扱いやすいので。また、パスCSS/Styles.cssが正しいかどうかも確認してください。

于 2013-06-29T08:00:17.527 に答える
0

リンクタグはHEADタグに入るので、必要です

<html>
    <head>
        <link rel="stylesheet" href="CSS/Styles.css"/>
    </head>
    <body>
    ...

もちろん、使用する相対パスがhtmlドキュメントと同じフォルダーにあることを確認してください

于 2013-06-29T08:00:55.160 に答える
0

SEO を意識している人にとっては、可能であれば CSS ファイルを html と同じフォルダーに配置するのが実際のベスト プラクティスです。したがって、理想的には、次のことが必要です。

<html>
<head>
    <link rel="stylesheet" href="styles.css"/>
</head>
<body>

これにより、ブラウザがページをロードするときにクロールするサブフォルダーが 1 つ少なくなるため、ファイル構造をよりフラットに保つことができます。

于 2013-06-29T11:40:40.090 に答える
-1

うまくいきました！私の間違いは、1 つの css ファイルに異なるクラスを入れていたことです。別のファイルを使用して、そこに 1 つのクラスを入れたところ、問題なく動作しました。

于 2013-06-30T07:08:19.437 に答える