1、認識CSS - TOP
CSS是英文單詞Cascading Style Sheets縮寫，翻譯為“樣式表”，我們又稱“CSS樣式表”。通俗講CSS是控制網頁中內容的顏色、字體、文字大小、寬度、邊框、背景、浮動等樣式來實現各式各樣、花樣百出的網頁樣式的統稱（CSS手冊了解更多控制樣式屬性）。如大學是什么，大學里有計算機、教師、物理、化學、英語等專業系、院組成了一所大學，這就是大學。
2、CSS原理 - TOP
認識了CSS原理，相當于我們找到CSS下手學習入口，進入CSS世界。
轉入正題，CSS原理模型例子：我們知道使用對講機雙方要通話，必須要在一定距離內（對講機信號覆蓋區），CSS一樣，CSS要生效必須引入要正確（推薦style 和 link，內嵌CSS代碼和引入CSS文件2種方式引入嵌入CSS）；對講機雙方除了在信號范圍內才能通話，還有最重要的就是雙方頻道頻率（調頻頻率）要相同，CSS也是這樣，要想CSS生效就需要在CSS代碼的CSS選擇器命名和HTML中class值或id的值的引用的CSS選擇器命名相同。這樣CSS選擇器命名與html應用CSS類（class）值名相同后，這個CSS選擇器里寫不同樣式屬性，html對應部分網頁內容樣式就跟著你在CSS選擇器里設置不同CSS屬性樣式而變化。
HTML與CSS本身是一個整體缺一不可，CSS代碼表達的樣式要實現就需要html中使用class或ID的值與CSS選擇器的命名的名稱相同。
DIVCSS5例子-style html中內嵌CSS代碼法： - TOP
CSS代碼（代碼是放入html的head開始與結束標簽內）：
<style type="text/css">
.yangshi{ color:#F00;}/* 定義內容為紅色 */
#abc{ color:#0F0;}/* 定義內容為綠色 */
</style>
對應在html調用（此代碼是放入body區內）：
<div class="yangshi">我是紅色</div>
<div id="abc">我是綠色</div>
CSS原理與CSS實例說明： - TOP
1、css屬性選擇器與html中DIV標簽內使用CLASS或ID引入CSS的命名的名稱要相同。（如上例，CSS中.yangshi{...}對應HTML<div class="yangshi"></div>）
2、CSS代碼寫到什么地方（上例：使用style在html中內嵌CSS代碼，當然可以使用LINK外部引入CSS文件）
3、CSS屬性選擇器命名自己可以取，而CSS樣式屬性是固定的，如寬度對應width
注意“yangshi”與"abc",對應到HTML里一個用class一個用ID，我們就需要認識CLASS與ID區別與CLASS ID用法。
從CSS原理我們主要是學習CSS與HTML關系，
2 什么是DIV+CSS，DIV CSS是什么？
簡單地說DIV+CSS(DIV CSS)被稱為“WEB標準”中常用術語之一。首先認識DIV是用于搭建html網頁結構（框架）標簽，像<b>、<h1>、<span>等html標簽一樣，再認識CSS是用于創建網頁表現（樣式/美化）樣式表統稱，通過css來設置div標簽樣式，這一切常常我們稱之為div+css。