2016-06-09 78 views
-4

我知道這是一個菜鳥問題,老實說,我的下顎骨撓了撓頭。我可以發誓,我的CSS文件的引用鏈接是正確的,我之前完成了這個工作,並且在另一個項目中遇到同樣的問題。我仍然是一名新秀,但我想我已經過去了這個錯誤。也許這是一個小故障?或者,也許我需要謙虛一點。我正在使用Notepad ++。我通常使用崇高的文字。有什麼我應該做的不同? HTML和CSS文件保存在我的桌面上的相同文件夾中。由於無法將HTML鏈接到CSS notepad ++鏈接是否正確。毛刺?

下面是第一個項目的源代碼

項目1:

<!DOCTYPE html> 
<html lang="en"> 





<head> 
    <link rel="stylesheet" type="text.css" href="style.css" /> 


    <title>HTML5/CSS3 Responsive Theme</title> 


    <meta charset="utf-8" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 


</head> 






<body class="body"> 

     <!--header and logo--> 
     <header class="mainheader"> 
       <img src="logo.jpg"/> 


       <!--navigationbar--> 
       <nav><ul> 
         <li><a href="#">Home</a></li> 
         <li><a href="#">About</a></li> 
         <li><a href="#">Portfolio</a></li> 
         <li><a href="#">Contact</a></li>     
       <ul><nav> 

     </header> 






     <!--main content header--> 
     <div class="mainContent"> 
      <div class="content"> 
       <article class="topcontent"> 
        <header> 
         <h2><a href="#" title="First post">First post<a/></h2> 
        </header> 

        <!--functions as secondary header--> 
        <footer>       
         <p class="post-info">This post is written by Isaiah</p> 
        </footer> 

        <content> 
         <p> 
         con·tent1 
    kənˈtent/ 
    adjective 
    1. 
    in a state of peaceful happiness. 
    "he seemed more content, less bitter" 
    synonyms: contented, satisfied, pleased, gratified, fulfilled, happy,   cheerful, glad; More 
    verb 
    1. 
    satisfy (someone). 
    "nothing would content her" 
synonyms: satisfy, please; More 
noun 
1. 
a state of satisfaction. 
"the greater part of the century was a time of content" 
2. 
a member of the British House of Lords who votes for a particular motion. 
         </P> 
        </content>     
       </article> 
      </div> 
     </div> 





<!--sidebars--> 
    <aside class="top-sidebar"> 
     <article> 
      <h2>Top Sidebar</h2> 
      <p> 
      Meditation is a practice where an individual trains the mind or induces a mode of consciousness 
      </P> 
     </article> 
    </aside> 

    <aside class="middle-sidebar"> 
     <article> 
      <h2>Middle Sidebar</h2> 
      <p> 
      Meditation is a practice where an individual trains the mind or induces a mode of consciousness 
      </P> 
     </article> 
    </aside> 

    <aside class="bottom-sidebar"> 
     <article> 
      <h2>Bottom Sidebar</h2> 
      <p> 
      Meditation is a practice where an individual trains the mind or induces a mode of consciousness 
      </P> 
     </article> 
    </aside> 



<!--footer--> 
    <footer class="mainFooter"> 
     <p>Copyright Deez Nuts</p> 
    </footer> 

</body> 

</html> 
+1

'TYPE = 「text.css」'不該't沒有點吧..try'type =「text/css」' – charlietfl

+1

投票結束爲錯字。 – csmckelvey

+1

在這種情況下,W3School驗證器可能對您有用 - https://validator.w3.org/ –

回答

3

請更改鏈接如下:

<link rel="stylesheet" type="text/css" href="style.css" />