2015-12-15 155 views
0
<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"/> 
     <link rel="css" type="text/css" href="stylesheet.css"/> 
    </head> 
    <body> 
     <p> 
      <strong>C</strong>ascading 
      <strong>S</strong>tyle 
      <strong>S</strong>heets 
     </p> 
    </body> 
</html> 


p { 
    color: blue; 
    text-decoration: underline; 
    } 
strong { 
    color:red; 
    } 
body { 
    background: aqua; 
    } 

由於某種原因,這不會加載。我通過CSS和HTML驗證器運行它,但是我使用開發人員工具,並且它沒有顯示附加的CSS樣式表,並且我的(非常基本的)格式化沒有被應用。我看了一些其他問題,沒有解決這個問題。外部CSS樣式表無法加載

回答

5

嘗試rel="stylesheet",而不是rel="css"

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

如果你的文件路徑是正確的,那麼它必須加載CSS,就這麼簡單

3

讓我,如果它的工作原理

HTML DOC

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
      <meta charset="UTF-8"/> 
      //Change rel to stylesheet and it done 
      <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
     </head> 
     <body> 
      <p> 
       <strong>C</strong>ascading 
       <strong>S</strong>tyle 
       <strong>S</strong>heets 
      </p> 
     </body> 
    </html> 

stylesheet.css中

p { 
     color: blue; 
     text-decoration: underline; 
     } 
    strong { 
     color:red; 
     } 
    body { 
     background: aqua; 
     } 
2

讀到這裏有一個例子:

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

要加載外部CSS,你必須包括鏈接標籤

Check live demo

裏面的CSS文件的引用