在嘗試任何CSS之前，你應該學習HTML的基礎知識。我們建議您通過我們的HTML簡介模塊優先。

一旦你理解了HTML的基礎，我們建議你同時學習進一步的HTML和CSS，在兩個主題之間來回移動。這是因為當你應用CSS的時候，HTML要有趣得多，學起來也有趣得多，不了解HTML就學不會CSS。

在開始本主題之前，您還應該熟悉使用計算機和被動地使用web(即，只是看著它，消費內容)。您應該有一個基本的工作環境，詳見安裝基本軟件，并了解如何創建和管理文件，如中所述處理文件—它們都是我們的一部分開始使用web完整的初學者模塊。

還建議您完成以下工作開始使用web在繼續這個主題之前，尤其是如果您完全不熟悉web開發的話。然而，它的大部分內容CSS基礎文章也包含在我們的CSS的第一步模塊，盡管更加詳細。

本主題包含以下模塊，按照建議的順序進行操作。你應該從第一個開始。

• CSS的第一步

• CSS(級聯樣式表)用于設計網頁的樣式和布局，例如，改變內容的字體、顏色、大小和間距，將內容分成多列，或者添加動畫和其他裝飾功能。這個模塊提供了一個溫和的開端，讓你掌握CSS的基本原理，語法是什么樣的，以及如何開始使用它來為HTML添加樣式。

• CSS構造塊

• 這個模塊在哪里進行CSS的第一步停止—現在您已經熟悉了這門語言及其語法，并獲得了一些使用它的基本經驗，是時候深入一點了。這個模塊著眼于級聯和繼承，我們所有可用的選擇器類型，單位，大小，樣式背景和邊界，調試，等等。

  這里的目的是為你提供一個編寫合格CSS的工具包，并幫助你理解所有的基本理論，然后繼續學習更具體的學科，如文本樣式和CSS布局。

• CSS樣式文本

• 學習完CSS語言的基礎知識后，下一個CSS主題是對文本進行樣式化——這是使用CSS最常見的事情之一。在這里，我們看看文本樣式的基礎，包括設置字體，粗體，斜體，行和字母間距，陰影，和其他文本功能。我們通過查看將自定義字體應用到您的頁面，以及樣式化列表和鏈接來完成該模塊。

• CSS布局

• 至此，我們已經了解了CSS基礎知識，如何設計文本樣式，以及如何設計和操作內容所在的框。現在是時候看看如何將你的盒子放置在相對于視口以及彼此的正確位置。我們已經討論了必要的先決條件，所以我們現在可以深入CSS布局，看看不同的顯示設置，現代布局工具，如flexbox、CSS grid和定位，以及一些您可能仍然想知道的遺留技術。

使用CSS解決常見問題提供指向解釋如何使用CSS解決創建網頁時常見問題的內容部分的鏈接。

從一開始，您將主要對HTML元素及其背景應用顏色；更改元素的大小、形狀和位置。并在元素上添加和定義邊框。但是一旦你對CSS的基礎有了扎實的理解，就沒有什么是你做不到的。學習CSS最大的好處之一就是一旦你知道了基本原理，通常你會對什么能做什么不能做有很好的感覺，即使你還不知道如何去做！

CSS的工作方式與你會遇到的大多數編程語言和設計工具有點不同。為什么會這樣？在下面的視頻中，Miriam Suzanne提供了一個有用的解釋，解釋了為什么CSS會這樣工作，為什么它會這樣發展: