需要有關外部CSS參考的幫助
[英]Need assistance with external CSS reference
問題描述
我正在嘗試學習如何使用Cascadding樣式表。 我有一點測試html頁面，如下所示：
<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。 我究竟做錯了什么？
謝謝您的幫助。
埃利奧特
2 個解決方案
解決方案1
5 已采納 2012-01-13 22:56:24
<style> HTML標記用於CSS 在 HTML文件中時的標記。
如果它是外部CSS文件，則不要使用它們，因為它不是HTML文件。
解決方案2
2 2012-01-13 22:57:28
<style>標記是一個HTML標記 ，可用於直接在頁面中包含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元素。 為了獲得最佳的靈活性，作者應在外部樣式表中定義樣式。
需要css切換幫助
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.