顯式的css文件不起作用

我沒有看到我的網頁正在根據css文件中定義的樣式進行更改。當我在HTML文件中添加相同時，它正在工作。有人可以請幫忙。不知道什麼是錯的。下面顯式的css文件不起作用

是我簡單的HTML文件

<html> 
<head> 
<title>css</title> 
<body> 
<link rel="stylesheet" type="text/css" href="style.css"> 
test 
</head> 
</body> 
</html>

下面是我的CSS文件。

<style> 
body 
{ 
background-color:lightblue; 
} 
</style>

來源

2014-03-13 divakar.scm

更改CSS文件：刪除<style> </style>

body 
{ 
    background-color:lightblue; 
}

也是正確的html格式

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

    <body> 
    test 
    </body> 
</html>

這對我的作品。確保你的html和css這兩個文件應該在同一個文件夾中。

來源

2014-03-13 06:52:49

非常感謝您的快速回復。 :-) –

@ divakar.scm：歡迎。如果問題解決了，請接受答案.. :) –

你將頭標籤包裹在所有內容中。鏈接標籤應始終放在頭標籤之間，而不要放在主體標籤中。

你的代碼應該像下面的例子。其餘的都很好。

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

test 

</body> 
</html>

的CSS應該是這樣的：

body { 
    background-color:lightblue; 
}

來源

2014-03-13 06:53:26 Christophe

<style> 
    body { 
     background-color:lightblue; 
    } 
</style>

不是寫一個.css文件正確的方式。

從您的.css文件中刪除這些樣式標籤並再次檢查。

此外，

確保您.html和.css文件是相同的路徑（爲了使事情，而無需在htmlhead

改變link標籤的工作只是注意到了：

您的body標籤在您的head標籤內。這是不正確的。

正道這樣做，是在頭節

<html> 
    <head> 
     <title>css</title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
     test 
    </body> 
</html>

來源

2014-03-13 06:53:29 AdityaParab

總是CSS鏈接，U還可以看到該文件的路徑，不使用type屬性樣式表（除非不使用CSS），指定這些上下文中的類型屬性並不是必需的，因爲HTML5意味着將text/css和text/javascript作爲默認值。這甚至可以安全進行舊版本瀏覽器類型= 「文/ CSS」

HTML

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

來源

2014-03-13 06:59:27

如果style.css與html文件位於同一文件夾中，則不需要 – Christophe

試試這個。

HTML的

<html> 
<head> 
    <title>css</title> 
    <link href="style.css" rel="stylesheet" /> 
</head> 
<body> 
    test 
</body> 
</html>

CSS-

body { 
    background-color: lightblue; 
}

來源

2014-03-13 07:01:12

您正在使用錯誤的CSS語法。在CSS文件中，沒有<style></style>標籤，它們只是規則。所以，你應該有：

body 
{ 
    background-color: lightblue; 
}

此外，你應該link CSS文件到<head>標籤，它是你的文件的組織更好。

來源

2014-03-13 07:22:05 Victor

顯式的css文件不起作用

回答

相關問題