需要外部CSS參考幫助

我想學習如何使用Cascadding樣式表。我有一個小的測試html頁面如下：需要外部CSS參考幫助

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css/test.css" /> 
</head> 
<body> 
    <h3> A White Header </h3> 
    <p> This paragraph has a blue font. 
     The background color of this page is gray because 
    we changed it with CSS! </p> 
    <INPUT TYPE=text NAME="userID" id="userID" Size=20 > 
</body>

和外部CSS文件看起來像這樣：

body{ background-color: gray;} 
p { color: blue; } 
h3{ color: white; }

這一切工作正常。但是當我查看由我的團隊的其他成員創建的樣式表時，他們的樣式標籤包含了內容。所以它使我認爲CSS文件應該看起來像這樣：

<style type="text/css"> 
body{ background-color: gray;} 
p { color: blue; } 
h3{ color: white; } 


</style>

但是，當我把樣式標籤禁用CSS。我究竟做錯了什麼？

謝謝你的幫助。

Ellliott

來源

2012-01-13 Elliott

的<style> HTML標記是當你的CSS是 HTML文件。

如果是外部CSS文件，則不要使用它們，因爲它不是HTML文件。

來源

2012-01-13 22:56:24

<style>標記是一個HTML tag，您可以使用它來直接在頁面中包含CSS。外部CSS文件應該只包含CSS聲明，而不是用HTML包裝。

例如（把你的HTML）：

<html> 
<head> 
<style type="text/css"> <!-- style is an HTML element --> 
    body { background-color: gray; } 
</style> 
</head> 
<body> 
    <h3> A White Header </h3> 
    <p> This paragraph has a blue font. 
     The background color of this page is gray because 
    we changed it with CSS! </p> 
    <INPUT TYPE=text NAME="userID" id="userID" Size=20 > 
</body>

根據HTML規範，你的方法是最好的：

要爲一個以上的元素指定樣式信息，作者應該使用STYLE元素。爲了獲得最佳靈活性，作者應在外部樣式表中定義樣式。

來源

2012-01-13 22:57:28

需要外部CSS參考幫助

回答

相關問題