鐵人檔案
一天一支 CSS 教學影片，HTML 疑難雜症遠離我～ ( 應該吧 )
今天的教學影片是「認識 CSS」，主要介紹什麼是 CSS、相關發展歷程、特色以及對響應式設計的影響。最後還會用一個簡單的範例，實際撰寫第一支 CSS 程式。 影...
今天的教學影片是「開始使用 CSS」，因為 CSS 需要搭配 HTML 共同使用，所以需要一些簡單的步驟才能執行，這個單元介紹使用本機環境、線上編輯器來編輯與執...
CSS 雖然不能真正算是程式語言，但也是一種「樣式語言」，因此也會有撰寫的語法規則和結構，這個單元會介紹 CSS 的語法規則和結構，只要掌握基本要領，就能寫出容...
因為 CSS 太容易上手，使用者在 ID 和 Class ( 類別 ) 的命名上，時常發生名稱不一致或隨便取名的狀況，這種沒有系統性的命名，往往造成後續不容易理...
CSS 選擇器 ( Selector ) 是 CSS 的核心功能，也是使用或學習 CSS 時最重要的技巧，透過特定的選擇器的規則，就能快速地找出某些元素，並針元...
如果當 CSS 選擇器選取元素時，發生「多個選擇器選擇到同一個元素」的狀況，就會根據「權重 Specificity」來判斷這個元素套用樣式的「優先順序」，這篇教...
使用選擇器套用樣式時，除了權重，另外的重要觀念就是「繼承」和「聯集」，繼承表示子元素會自動套用父元素的樣式屬性，聯集則是同一個元素，套用相同權重選擇器的樣式屬性...
許多 CSS 的預處理器 ( 例如 Sass、Less ) 都有提供「巢狀結構」的語法 ( Nesting Selector、嵌套 )，透過巢狀結構的處理，在撰...
元素選擇器也可以稱作標籤選擇器，是最常見也最簡單的 CSS 選擇器，只要知道了 HTML 元素的標籤名稱，就能夠選取這個元素，並替這個元素套用樣式，這個單元會介...
ID 選擇器和 Class 選擇器 ( 類別選擇器 ) 也是常見的選擇器，可以選取特定 ID 或 Class 的元素，方便網頁設計師或工程師精準控制樣式，這個單...
