一，我們為什么需要CSS？
使用css的目的就是讓網頁具有美觀一致的頁面，另外一個最重要的原因是內容與格式分離 在沒有CSS之前，我們想要修改HTML元素的樣式需要為每個HTML元素單獨定義樣式屬性，當HTML內容非常多時，就會定義很多重復的樣式屬性，並且修改的時候需要逐個修改，費心費力。是時候做出改變了，所以CSS就出現了。
CSS的出現解決了下面兩個問題：
將HTML頁面的內容與樣式分離。 提高web開發的工作效率
二，什么是CSS？
CSS是指層疊樣式表(Cascading Style Sheets)，樣式定義如何顯示HTML元素，樣式通常又會存在於樣式表中。也就是說把HTML元素的樣式都統一收集起來寫在一個地方或一個CSS文件里。
-
CSS 指層疊樣式表 (Cascading Style Sheets)
-
樣式定義如何顯示 HTML 元素
-
樣式通常存儲在樣式表中
-
把樣式添加到 HTML 4.0 中，是為了解決內容與表現分離的問題
-
外部樣式表可以極大提高工作效率
-
外部樣式表通常存儲在 CSS 文件中
-
多個樣式定義可層疊為一
-
樣式對網頁中元素位置的排版進行像素級精確控制
2.1 css的優勢
樣式表定義如何顯示 HTML 元素
樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
1.內容與表現分離 2.網頁的表現統一，容易修改 3.豐富的樣式，使頁面布局更加靈活 4.減少網頁的代碼量，增加網頁瀏覽器速度，節省網絡帶寬 5.運用獨立頁面的css,有利於網頁被搜索引擎收錄
2.2 如何使用CSS？
我們通常會把樣式規則的內容都保存在CSS文件中，此時該CSS文件被稱為外部樣式表，然后在HTML文件中通過link標簽引用該CSS文件即可。這樣瀏覽器在解析到該link標簽的時候就會加載該CSS文件，並按照該文件中的樣式規則渲染HTML文件。
2.3樣式解決了一個很大的問題
HTML 標簽原本被設計為用於定義文檔內容，如下實例：
<h1>這是一個標題</h1> <p>這是一個段落.</p>
樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
為了解決這個問題，萬維網聯盟（W3C），這個非營利的標准化聯盟，肩負起了 HTML 標准化的使命，並在 HTML 4.0 之外創造出樣式（Style）。
當代瀏覽器都支持 CSS .
2.4 樣式層疊次序
當同一個 HTML 元素定義了多個樣式時，應該使用哪個樣式？
一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
瀏覽器缺省設置 外部樣式表 內部樣式表（位於 <head> 標簽內部） 內聯樣式（在 HTML 元素內部）
因此，內聯樣式（在 HTML 元素內部）擁有最高的優先權，這意味着它將優先於以下的樣式聲明：<head> 標簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。
三，CSS概念
CSS是Cascading Style Sheets的簡稱，中文稱為層疊樣式表，是一種用來表現HTML（標准通用標記語言的一個應用）或者XML（標准通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化，用來控制網頁數據的表現，可以使網頁的表現與數據內容分離。
CSS指層疊樣式表 樣式定義如何顯示HTML元素 樣式通常存儲在樣式表中 把樣式表添加到HTML4.0中，是為了解決內容與表現分離的問題 外部樣式表可以極大的提高工作效率 外部樣式表通常存儲在CSS文件中 多個樣式定義可層疊為一
四，CSS發展歷程
1990年，Tim Berners-Lee和Robert Cailliau共同發明了Web。1994年，Web真正走出實驗室。
五，CSS工作原理
六，CSS語言特點
6.1 豐富的樣式定義
6.2 易於使用和修改
6.3 多頁面應用
6.4 層疊
6.5 頁面壓縮
在使用HTML定義頁面效果的網站中，往往需要大量或重復的表格和font元素形成各種規格的文字樣式，這樣做的后果就是會產生大量的HTML標簽，從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復用更大程序的縮減了頁面的體積，減少下載的時間。
七，CSS基礎語法分類
css語法可以分為兩部分：
- 1，選擇器
- 2，聲明
聲明由屬性和值組成，多個聲明之間用分號分隔。
八，CSS注釋
/*這是注釋*/
九，css和html的區別
CSS和HTML都是前端技術的核心語言，那么這兩者分別是干什么的？又有什么區別呢？
9.1 html（結構）
全稱Hyper Text Markup Language（超文本標記語言），該語言是用於定義文檔內容結構
功能：
1.該語言寫的代碼通常會被瀏覽器解析執行
2.超文本：不止包括文本，還有圖片、鏈接、音樂...
3.一個頁面就是一篇文檔，而一篇文檔最核心的就是內容，不同含義
注釋格式：<!--注釋內容-->
9.2 css（布局）
全稱Cascading Style Sheets （層疊樣式表）
功能：
1.用於定義html文檔的樣式（外觀）
2.頁面表現的基礎，可以控制布局，控制元素的渲染
注釋格式：/*注釋內容*/
總的來說就是一句話：html是網頁的結構，CSS是網頁的樣式。打個比方，如果把整個網頁比喻成一個人，那么HTML就是骨頭，CSS就是衣服。
十，當你已經學習了css，下一步學習什么呢？
下一步應該學習 JavaScript 。
10.1 JavaScript
JavaScript 是最流行的語言之一。 JavaScript 是屬於 web 的語言，它適用於 PC、筆記本電腦、平板電腦和移動電話。 JavaScript可以使您的網站更具活力。
許多 HTML 開發者都不是程序員，但是 JavaScript 卻擁有非常簡單的語法。幾乎每個人都有能力將小的 JavaScript 片段添加到網頁中。
如果希望了解更多的javascript，怎么請參考下面博客