css其實很簡單，只要把所有「標籤」都理解為「方形框」，寫css**就相當於用「方形框」拼圖形。
什麼是「塊」標籤，什麼是「內聯」標籤。
「塊」標籤，可以理解為，和div類似的標籤，定義width height 有效果的標籤。
「內聯」標籤，可以理解為，和span類似的標籤，定義width height 沒有效果的標籤。
（「塊」標籤一般用於網頁布局，「內聯」標籤用於修飾文字）
選擇器的種類和用法，以及優先順序。
style關聯》id選擇器》class選擇器》html標籤選擇器
對於初學者一定要做的事（一直到你真正熟練運用css才可省略步驟1）：
1，給所有「標籤」都要寫「border」線，直到整段**寫完，並確認沒問題才去掉「border」線
（目的是讓肉眼可以看到框的具體占用的位置，同時理解屬性的功能。注意：此方法比較老土，在ie6時代比較適用。如今：一定要熟練使用瀏覽器的f12快捷鍵，熟練掌握審查元素功能，對你學習非常有幫助。）
2，「從外到內」的思路。（目的是清晰思路，知道怎樣去實現拼圖）
**使用技巧（什麼時候使用他們）：
1，邊框 border 代替網頁中的線條；(ie6時代：另外主要用於除錯時，幫助理解**時使用)
2，寬度 width 所有「塊」標籤，都要寫寬度。(除非你真正理解「繼承」)
3，高度 height 「塊」標籤高度是固定時才使用，其他時絕對不要寫height，容易出相容性問題。
4，外邊距 margin 「塊」標籤居中時；另外「塊」標籤之間有間距時使用（不要動不動就亂加margin）
5，內邊距 padding 「塊」標籤與內部文字之間的間距（緊記他與width和height之間的尺寸關係，非常重要）
6，浮動 float 「塊」標籤按列排版時使用（緊記2列時建議left right,3列時left left right，還有不清除浮動會造成的問題，以及解決辦法，這個標記非常重要，精通css，必先掌握之）
7，背景 background 「塊」標籤中做為背景時使用（這個標記非常重要，精通css，必先掌握之）
8，定位 position 浮動實現不了或難以實現的布局，如：某些導航（使用不多，可先掌握background後，再掌握之）
9，行高 line-height 對文字排版時都要用到（注意：不是line-height height一定要一起用，這是錯誤的理解）
10，縮排 text-indent 文字縮排時使用（只左邊文字縮排時，盡量使用text-indent，而不是使用padding-left）
11，列表 list-style 一般用於清除li屬性時使用（如：li）
12，居中 text-align 通常用於文字居中 （注意：「塊」居中用marong:auto；文字居中用text-align:center）
13，溢位 overflow 通常用於「不顯示超過物件尺寸的內容」，以及定義塊標籤「顯示滾動條」
14，顯示 display 通常三種用途 1.隱藏某一塊內容；2.轉換成「塊」標籤；3.轉換成「內聯」標籤
15，可見性 visibility 和display:none類似，用於隱藏某一塊內容，但保留占用空間（使用非常少）
技巧**（經驗的積累）：
1，一定要掌握**的初始化寫法，這個寫好了，能解決以後寫**的很多問題
2，overflow:hidden; 這種寫法能解決浮動高度問題；還能解決內部尺寸大，把**撐破的問題
3，display:inline;float:left; 用於解決ie6 margin間距雙倍問題。
4，word-wrap:break-word 或 word-break:break-all; 用於解決長英文本母把**撐出問題
需要背下來的：
長度單位，如：px em
顏色單詞，如：red blue yellow
顏色十六進製制，如：#ff0000 #ffffff
（只需要背幾個常用的就可以了，以上內容具體可檢視「css2.0中文手冊.chm」）
另外幾個非重點**：
偽類 :link(只做了解，不推薦寫**時使用) :hover :visited
規則 @import @charset 這兩個一般不使用，但看到別人寫這個**要明白什麼意思
宣告 !important 一般不使用，特殊情況使用
** border-collapse border-spacing 能代替table標籤的兩個屬性
關於瀏覽器相容性：
我推薦寫**時,盡量用所有瀏覽器都支援的寫法。（這需要對css屬性的深刻理解和一定經驗）
對於選擇器前加 _ + * if 之類的相容性寫法盡量不用或少用（雖然不推薦相容性寫法，但要知道，以備不時之需）
以上是我對常用css**的所有總結，其實css 2.0常用就這麼點內容。
學會以上內容，已經踏入css高手（指初學者）殿堂。
另外掌握上以內容後，要想成為乙個直正高手，還需要積累經驗，同時，熟悉css手冊，看一些大牛寫的css**，以及關注css新技術，逛一些技術型**。推薦兩個：
目前手冊推薦「css2.0中文手冊.chm」和「w3school.chm」，首選「css2.0中文手冊.chm」，因為它更簡單，適合初學者。
所在請閱讀「css2.0中文手冊.chm」的「目錄」中的所有內容，要達到遇到不懂的**，能馬上準確找到你要的**的位置，真正熟悉這個手冊，熟悉程度要像一本你非常熟悉的書一樣，這樣你才能真正成為css高手。
所以要養成，寫**就開啟「css2.0中文手冊.chm」手冊，沒事就翻翻「css2.0中文手冊.chm」手冊，在不知不覺中提公升。
*********************************************=
成為乙個真正的高手，一定要鍛鍊出「自學能力」。
也就是遇到問題，不需要問別人，自己就能解決。這需要積累經驗，需要乙個過程。
學習最忌諱：
1，遇到點問題，就跑去問別人，別人幫解決後，還不去記下來。如果一直這樣，永遠不可能提公升。
2，遇到點問題，就坐著發呆。
提高「自學能力」的步驟：
1，掌握不乙個懂的屬性的方法：
2）照著手冊的例子寫**測試。如：新建乙個html檔案，給屬性加border線，然後修改屬性值，**顯示變化
2，遇到問題，想想問題可能出現在**？然後，立即動手除錯**，而不是坐著發呆。
3，除錯**方法分「加邊框法」和「排除法」
1）加邊框法：給可以存在問題的「標記」加 border 線，這樣很容易看到**問題所在。
2）排除法：刪除可能出問題的**，如果刪除**後，網頁就正常了，那麼問題就出現在刪除的**部分。
一般使用「加邊框法」就能解決網頁問題，但有時候需要通過「加邊框法」和「排除法」結合才能解決問題。
css總結 初學者
position absolute 絕對定位 position relative 相對定位 position static 靜態定位 position sticky是乙個新的css3屬性，它的表現類似position relative和position fixed的合體，在目標區域在螢幕中可見時，它...
css樣式 初學者筆記
div img img 看這裡 css info pic divmargin 0 auto 在chrome，firefox等主流的瀏覽器是可以實現水平居中的，但在ie瀏覽器裡卻需要再外邊一層的div或者body裡加 text align center,或者將文件的宣告修改為 body div sty...
從初學者到程式設計高手，幾種必學的程式語言
我自己在學習程式設計的過途中有的幾個疑問，1 什麼程式語言我需要學。2 學多少種才算可以。最後通過我自己學習感受和對其他程式設計高手 主要是新聞組 的請教，我認為找到了滿意我的答案。拋磚引玉，做個參考吧。對於初學者，我建議從 python 開始學。因為它在語言設計上很整潔，幫助檔案也很全面。而且也是...