CSS

學習路徑

在嘗試學習 CSS 之前，您應該了解 HTML 的基礎知識。建議你先學習?HTML 簡介模塊 — 這一模塊主要介紹了以下內容:

• CSS，從 CSS 模塊簡介開始
• 更高級的HTML模塊
• JavaScript，如何使用 Javascript 給網頁加上動態(tài)功能

我們建議你同時學習 HTML 和 CSS，在這兩個主題之間來回切換。因為有著?CSS 的 HTML 更加有趣，并且不了解 HTML 就不能真正掌握CSS。

在學習本章節(jié)之前，你應該會使用計算機，熟練的使用網頁操作（哪怕只是盯著屏幕看）。你應該配置好一個基本的操作環(huán)境（見安裝基本軟件），知道如何創(chuàng)建和管理文件（見處理文件）—這兩個都是?Web入門?的初學者模塊的一部分。

我們建議你在學習本章內容前，先完成?Web入門，盡管這不是必須的；CSS 基礎文章中涵蓋的大部分內容在 CSS 模塊簡介中也有，而且 CSS 模塊涵蓋了更多的細節(jié)。

模塊

本主題包含以下模塊，建議按順序閱讀這些模塊。你應該從第一個模塊開始。

CSS 介紹

這個模塊介紹了使用 CSS 的基礎知識，包括選擇器和屬性，編寫 CSS 的規(guī)則，將CSS 應用于 HTML 的方法，如何在 CSS 中指定長度、顏色和其他單位，層疊與繼承，盒模型基礎以及 CSS 的調試。

文本樣式

這個模塊介紹基礎的文本樣式，包括字體屬性的設置，粗體和斜體，行和字母間距，陰影和其他文本功能。我們通過在網頁上設置特定的字體，指定列表和鏈接的樣式來完成這一模塊。

樣式框

接下來，我們來看看樣式框，這是進行網頁布局的基本元素之一。 這一模塊我們重新學習框模型，并通過設置內邊距、邊框、外邊距，指定自定義背景顏色、圖像和其他特性以及在框上顯示陰影和濾鏡等奇特功能來控制樣式框。

CSS 布局

到目前為止，我們已經學習了 CSS 基礎知識、如何設置文本樣式、如何設計并操作內容所在的框?，F(xiàn)在應該考慮如何把你的框以合適的位置放置在視口內。我們已經學習了在深入 CSS 布局之前需要學會的必要知識，下一步我們通過設置 display 屬性、使用浮動（float）?和定位（position）的傳統(tǒng)布局方法、以及新的布局工具如flexbox，來深入學習 CSS 布局。

響應式設計 (待定)

近來一些不同類型設備有能力用不同的瀏覽器展現(xiàn)web，響應式設計已經成為一個核心的web開發(fā)技能。這個模塊將涵蓋基本原則和響應式工具，說明如何根據(jù)不同的設備特點如屏幕寬度、方向和分辨率來應用不同的文件，并探討服務于不同的視頻和圖片基于這些特點的技術可行性。

解決常見的CSS問題

使用css解決常見問題?解釋怎樣使用css解決常見的問題，例如當你想要創(chuàng)建一個網頁的時候可以參考：樣式框。

參閱

CSS on MDN

MDN 上css文檔的主要入口，包括詳細的參考到高級的教程一系列內容。