在設計網頁時，有時會遇上多個項目或圖片在同個區塊需做左右滑動之類的效果，而scroll-snap這個屬性就是讓左右滑動時可以定位在單個項目(圖片)上，不需要使用者手動滑動置中，也不會因為滑動速度太快以致略過。

在撰寫css時，文字通常都佔據頁面很大的比例，字體、字體大小、行距…等，怎麼排版與設定大小距離都是一門學問，而在css中font-size的設定不是只有絕對單位的px可以設置，更多的是相對單位可供使用，在做RWD時也能更簡單的對字體做統一的等比縮放

關於學習CSS變數的重要性:當網頁專案的內容多起來的時候，如果還是只會一個區塊一個區塊作樣式，在後續維護和修改時，會造成巨大的麻煩，要嘛沒改到、要嘛一直辨識這個選擇器是在改哪個部位，但如果學會CSS變數的用法，會一下子減輕很多工作量!

grid網格系統透過設定作為包裹項目的容器(container)以及作為內容被包裹的項目(item)來做排版。