紀錄在六角學院的學習筆記。
學習筆記-CSS基礎
標籤選擇器 標籤選擇器 { 屬性: 設定值; 屬性: 設定值; } 例如以下 h1 { color: blue; font-size: 50px; } CSS 除錯分析 檔案路徑是否正確 單字有沒有拼錯 格式是否正確 在 Chrome 瀏覽器頁面按右鍵»檢查 如果 CSS code 當中有寫錯導致無法辨識，在 Element 元素就會出現畫線的錯誤顯示 如下: 擬態選擇器 hover 除了標籤選擇器以外還可以使用擬態選擇器，使用情境： a 標籤文字設定成黑色，但希望當滑鼠滑過去時文字可以變成紅色 這樣可以寫成這樣 a { color: black; } a:hover { color: red; } /*讓滑鼠按下時變成blue的話可以用active*/ a:active { color: red; } 類別選擇器 如果有好幾個 P 段落，但其中某一個段落想要使用客製化 CSS file INDEX.HTML 設定如下 <p>段落一</p> <p>段落二</p> <p class="style1">段落三</p> <p>段落四</p> STYLE.CSS 增加如下 code .style1 { color: red; } class 屬性也同樣可以應用在 a 或是 li 上面...