劇集

如何:建立有效率且標準化的方法以實作 CSS 樣式?

在這段影片中,Chris Pels 示範如何組織和實作 CSS 樣式,以提供網站的標準化外觀和風格。 此外,樣式會組織為提供最大的彈性和重複使用性。 系統會建立一組樣式,著重于網站的視覺外觀。 首先,範例網站是使用範例頁面的 CSS 檔案所建立。 建立的第一個樣式群組是針對整個網站的內容提供容器。 接下來,會新增一組樣式,著重于顯示使用者介面元素的「狀態」。 最後,會建立一組用於使用者互動提示的樣式。 每個樣式都會與範例頁面上的 HTML 元素搭配使用。 另外還有一個討論,說明針對在網站上控制元素配置之樣式使用相同的實作方法。