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