1.有在styles資料夾內新增stlye.css檔案
p {
color: red;
}
2.也在index.html檔案中加入此代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Five treature</title>
<link href="styles/stlye.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 >Five treature</h1>
<h2 >cattie world</h2>
<h3 >soothing mode</h3>
<img src="images/arie.jpg"alt="Arie">
<p>In the world of Five Treasure, you can enjoy the</p>
<ul>
<li>happiness</li>
<li>pleasure</li>
<li><a href="https://www.youtube.com/watch?v=YtfN7uWAq2A&list=PLeUkuDfreHhcXNcsXO05VSxE_mjyV_ijk">daily film</a></li>
</ul>
<p>this world is made up of five cats who have different personalities</p>
</body>
</html>
3.但點開html檔案文字沒有改變顏色...請問是沒有連結到styles的檔案嗎？
4.有嘗試過將css檔案與html檔案放置同一個資料夾，但還是沒有辦法套用
5.請問是語法上的錯誤嗎？煩請各位協助解答～謝謝！
已邀請的邦友 {{ invite_list.length }}/5
請善用F12大法檢查。
直覺這樣看程式碼並沒啥問題。
但這是依你的說明來看待的
但實際情況得要看你的錯誤訊息來判斷。
例，還沒裝WEB SERVER處理??
styles/stlye
檔名到底是style還是stlye？請檢查一下(我都是寫style)
應該是打錯字造成路徑錯誤，才會連不到
請愛用複製、貼上。
iThome鐵人賽
看影片追技術