無法讓我的HTML顯示在記事本++中的CSS

我確定我做了錯誤的事情，但我正在嘗試學習在記事本++上構建一個網頁我已經將我的HTML文件和我的CSS文件分開。將它們都保存在同一個項目文件夾中，將CSS鏈接到我的HTML，但是當我在瀏覽器上運行HTML時，CSS不顯示。無法讓我的HTML顯示在記事本++中的CSS

<!DOCTYPE HTML> 
<HTML> 

    <head> 
     <title>Coming soon!</title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 

    <body> 
     <div class="nav"> 
      <div class="container"> 
       <ul> 
        <li>Find Cards</li> 
        <li>About us</li> 
       </ul> 
       <ul> 
        <li>Log In</li> 
        <li>Sign up</li> 
        <li>Help</li> 
       </ul> 
      </div> 
     </div> 
     <div class="jumbotron"> 
      <div class="container"> 
       <h1> Store & Event Locator</h1> 

       <p>Find a place to buy, trade, or play at home or on the road</p> 
      </div> 
     </div> 
     <div> 
      <h2>Buy or Trade</h2> 

      <p>From store fronts, online, to private collectors, we connect you with traders around the country</p> 
      <p><a href="#"> Buy or Trade</a> 

      </p> 
     </div> 
     <div class="learn-more"> 
      <div class="container"> 
       <div> 
        <h3>Show off your skills</h3> 

        <p>Have a new deck? let's see what you've got. Here you can find Events, game nights, and casual play.</p> 
        <p><a href="#"> Find games</a> 

        </p> 
       </div> 
      </div> 
    </body> 

</html>

和

.nav a { 
     color: #5a5a5a; 
     font-size: 24px; 
     font-weight: bold; 
     padding: 14px 10px 14px 10px; 
     text-transform: uppercase; 
     }

但是當我嘗試運行它表明沒有CSS只是HTML

什麼我對這個發現並沒有包括修復此問題只是人民的實際答案想法。請幫忙，以便我可以繼續下一步。

來源

2015-09-29 stephen blaydes

檢查style.css的路徑。在'nav'部分也沒有''，因此在CSS中添加'.nav a'將不起作用。 – CodeRomeos

你嘗試過''.nav'的造型嗎？ – cocoa

非常感謝你。就是這樣！我只是試圖設計一些不在那裏的東西。謝謝你指出！ –

假設你的目錄結構是這樣的

--Root 
    --index.html 
    --style.css

從這個

<div class="nav"> 
<div class="container"> 
<ul> 
    <li>Find Cards</li> 
    <li>About us</li> 
</ul> 
<ul> 
    <li>Log In</li> 
    <li>Sign up</li> 
    <li>Help</li> 
</ul>

更改HTML TO`

<div class="nav"> <div class="container"> <ul> <li><a href="#">Find Cards</a></li> <li><a href="#">About us</a></li> </ul> <ul> <li><a href="#">Log In</a></li> <li><a href="#">Sign up</a></li> <li><a href="#">Help</a></li> </ul> </div> </div>`

此外，請檢查控制檯是否有任何錯誤。

如果有任何問題，請回來。

來源

2015-09-29 20:01:25 CodeRomeos

是的，謝謝你，我根本沒有在導航風格。我相信我給了你積極的反饋，但我仍然是新的。再次感謝！ –

無法讓我的HTML顯示在記事本++中的CSS

回答

相關問題