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系統字體的文章，介紹了如何使用系統字體，避免加載不必要的數據片段，如果你不是絕對需要它們的話。

tags: [“CSS”, “基礎知識”, “彈性盒子”, “CSS網格”, “CSS變數”, “居中”, “邊距”, “過渡效果”, “動畫”, “打印”, “網頁字體”]