所以，我目前正在學習#html 和#css，并且我正在討論關系選擇器的主題。在示例中，下面的代碼假設顯示帶有橙色文本的網頁。即使嘗試了幾種變體，文本仍然是黑色的。有人可以幫忙嗎？
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section id="products">
<p>Lorem ipsum dolor sit.</p>
</section>
</body>
</html>
styles.css
body {
margin: 10px;
}
#products p {
color: orange;
}
uj5u.com熱心網友回復：
它作業得很好，但你必須使用標簽鏈接css檔案
<link rel="stylesheet" href="style.css">
uj5u.com熱心網友回復：
您必須通過在 中將 CSS 檔案鏈接到 HTML 來將其連接到 HTML <head>，如下所示：
<link rel="stylesheet" href="./style.css" />
（如果 CSS 檔案在一個檔案夾中，它將是./foldername/style.css）
uj5u.com熱心網友回復：
您可以通過三種方式為 HTML 檔案實作樣式：
- 外部 CSS
- 內部 CSS
- 行內 CSS
您可以在檔案中包含您的樣式代碼（內部 CSS）。為此，您需要將其包含在樣式標簽中，如下所示：
<style>
body {
margin: 10px;
}
#products p {
color: orange;
}
</style>
將該元素隱藏在您的 中，或在您的末尾，您應該沒問題。一般來說，使用Internal或Inline CSS是不受歡迎的，但如果你愿意，你可以這樣做！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/515377.html
上一篇：這個代碼片段的時間復雜度是多少？
下一篇：使用Express.jsapp.get()方法發送html檔案時，無法識別位于外部檔案中的CSS和JS，但會部署html