CSS指南

CSS是定義HTML頁面在瀏覽器中的視覺外觀的語言。從基礎到彈性盒子(Flexbox)、CSS網格(Grid)和CSS變數,學習關於CSS的一切。 CSS是一個令人驚嘆的工具,在過去幾年中它得到了很大的發展,引入了許多絕對出色的功能,如CSS網格(Grid)、彈性盒子(Flexbox)和CSS變數。 在你查看這些酷炫功能之前,請退後一步,通過我的CSS入門文章瞭解CSS的基礎知識。 以下是有關現代CSS布局構建的一些更高級主題: 彈性盒子(Flexbox) CSS網格(Grid) 有時,有些東西你以為自己懂,但當你開始實現時,它們可能有些混淆,尤其是當你在網上搜索時,你真的可以找到任何東西: 使用CSS居中 CSS邊距屬性 變量是一個非常重要的主題,它可以使CSS非常接近SCSS和其他預處理器: CSS變量 現在,動畫。動畫是非常重要的。 CSS動畫是執行簡單動畫的最佳方法。更複雜的事情需要使用JavaScript來完成,但CSS非常強大!查看: CSS過渡效果 CSS動畫 CSS在顯示方面有很大作用,但它對於打印文檔也非常重要。如果你有興趣,請查看如何使用CSS進行打印。 Web字體是另一個重要主題。我寫了一篇有關CSS系統字體的文章,介紹了如何使用系統字體,避免加載不必要的數據片段,如果你不是絕對需要它們的話。