最近一直很流行div+css，我也就試著學了一下，css是標記性語言，配合html進行網頁外觀與內容實現分離。css是w3c組織制定並發布，由於w3c是民間組織，所以沒有強制要求各瀏覽器一定要對css給以支援，故此，各瀏覽器對css的支援也五花八門。不過隨著瀏覽器開發商對css認識的重視，現在對css的支援也接近完善（ie，firefox等 ）
1.最近幾年流行：div + css + ajax
2.css是標記性語言，配合html語言進行頁面外觀控制。真正實現外觀與內容分離。
3.css是由w3c組織負責制訂與發布，96年發布css1.0，由於w3c是民間組織，所以沒有強制要求各瀏覽器對css的支援。
4.屬性由css標準定義，屬性值為樣式屬性的值。
5.設定屬性與值時注意事項
1.屬性必須置於{}之內
2.屬性與值之間用:分隔
3.多個屬性間用;分隔
4.在書寫屬性時，屬性間可放置空格
5.如果乙個屬性有幾個值，每個屬性值之間用空格分隔開。
6.css語言對屬性和值要求嚴格，如果css規範中沒有或者不符合要求的，css語句不能正常顯示。
6.網頁中應用樣式的方法
1.嵌入樣式表：在標籤中加入style屬性
2.內聯樣式:位於head之間
3.鏈結｜匯入樣式表：位於head之間
匯入樣式表與鏈結樣式表的功能基本相同，只是語法和運作方式上略有區別。採用import方式匯入的樣式表。在html檔案初始化時，會被匯入到html檔案內，作為檔案的一部分，類似內嵌式效果。而鏈結式樣式表則是在html的標記需要格式時才以鏈結的方式匯入。
7.css樣式選擇器：
1.html標籤選擇器，eg：h1{}
2.id選擇器，eg：#set{}
3.類作為樣式選擇器，eg：.set{}
4.組合選擇器，eg：h1,h2,h3{},h1#set
5.派生選擇器，eg：h1.set{}與h1 .set{}之間的區別
6.超連結專用選擇器：針對同一元素的不同狀態設定，a標籤的link、visited、hover、active四個狀態。定義時順序為lvha
7.超連結特殊情況：a.news:link{}
8.萬用字元選擇器：*
8.選擇器優先順序:
標籤style屬性 > id > class >html標籤
9.繼承
樣式表的繼承是根據html樹型關係，外層的html標籤css會傳遞到內層標籤中（除非該標籤不具有該樣式屬性）
css繼承原則決定html子標籤會繼承父標籤的樣式風格，並可以在父標籤的基本上加以修改，產生新的樣式，而子標籤的樣式風格不會影響父標籤的樣式。
10.就近原則：有兩種情況
1.誰距標籤最近，就用誰的效果;pp
粗體顯示
//粗體顯示，因為第二個p樣式定義距標籤p距離最近
2.誰定義的更具體，就優先使用誰
pp.c
p#i字型絕色顯示
//字型綠色顯示
字型絕色顯示
//字型藍色顯示，因為id優先順序》class
11.層次樣式表的概念與html文件樹的層次結構是一致的，沿著某個起始節點，經過一定路徑，從而達到指定的位置。
12.css屬性：
1.長度單位：
相對單位：是以某個物件為參考基本，相對於該參考的單位尺度。px,em,%
絕對單位：是以乙個固定值來試題的單位尺度。in,cm,mm,pt,pc
2.顏色值：
顏色名稱：a:link
十六進製制：background-color:#ff0000;
rgb分量：background-color:rgb(255,0,0);
一般情況下，網頁的配置以不超過四種顏色為宜，過多的顏色反而會適得其反，可根據**的功能確定一種主基色調
3.字型屬性：對單一字型進行的設定
1.font-family：用於設定字型列表，多種字型間用空格分隔，瀏覽器由前向後依次選擇字型。如果乙個**伺服器中沒有安裝前一種字型，則顯示下乙個字型。
2.font-size：用來控制字型顯示的大小，取值有相對和絕對兩種方式，相對取值可以使用百分比或相對值。絕對取值使用絕對長度單位。
3.font-style：顯示字形樣式，有值：normal、italic、oblique
4.font-weight：字型粗細
5.font-variant:設定字型異形。有值：normal、small-caps
6.font屬性：字型屬性的一種簡略寫法
4.文字屬性：對單一字型形成的字串進行的設定
用於控制文字的段落格式，包括字元間距(letter-spacing)、文字間距(word-spacing)、行間距(line-height)、文字對齊(text-align,vertical-align)、文字修飾(text-decoration)、文字縮排(text-indent)、文字轉換(text-transform)
1.letter-spacing：字元間距，值可正可負
2.word-spacing：單詞｜漢字間距，值可正可負
3.line-height：文字行高
4.text-decoration：文字修飾
5.text-align/vertical-align：文字對齊
6.text-transform：文字格式轉換，有值：none,capitalize,uppercase,lowercase，與font-variant一樣，並沒有真正將字母進行大小寫轉換，只是文字顯示形式上發生改變。
7.text-indent：首行縮排。
5.顏色和背景
1.color：設定字型顏色
2.background：元素背景設定
6.定位屬性
用於控制元素在頁面上的位置，實現頁面元素之間的重疊。
1.position：設定元素在頁面上的定位方式，有值：static(按html格式規則正常定位)、relative(元素將定位於前乙個元素的末端位置)、absolute(元素將定位在框架或瀏覽器視窗本身左上角的絕對座標位置)
relative與absolute都可用top/right/bottom/left進行定位，static即使定了也沒效果。
2.top和left屬性
3.z-index屬性：解決元素的重疊問題
z-index值設為-1時，可以實現img標籤背景效果。
4.width和height屬性：控制元素的寬度和高度
5.overflow：元素內容溢位處理，有值：visible,hidden,scroll,auto
7.浮動屬性與文件流
css中的浮動可將文字圍繞在元素的周圍，浮動屬性float和clear兩種。
float：將元素的內容浮動到頁面的左邊或右邊，有值：left/right/none
clear：指定乙個元素是否允許有元素浮動在它的旁邊，有值：none/left/right/both
**混排效果：
8.list屬性
1.list-style-image：將影象設定為列表項標記，有值：none/url
2.list-style-position：設定列表中列表項標記被放置的位置，有值：inside/outside
3.list-style-type：設定或檢索物件的列表項所使用的預設標記。若list-style-image屬性值為none或指定的url不能被顯示時，此屬性將發生作用。
4.list-style：列表項設定
9.cursor滑鼠屬性
用來設定滑鼠的不同形狀
10.邊框屬性
1.邊界屬性：margin:top right bottom left;
2.邊框屬性：
1.邊框寬度：border-width
2.邊框顏色：border-color
3.邊框樣式：border-style
4.border：邊框設定
3.填充屬性：padding
13.css盒模型
盒模型是web頁面乙個非常重要的概念，網頁文件中的所有元素都可以看成是乙個盒子，每個盒子在頁面中佔據一定空間。
談談我對CMMI的認識
cmmi是一種非常好的軟體工程方法，已經總結和建立了很多優秀的流程方法，而且諮詢公司會提供模板資料，把這些別人的東西般過來學習和實施，就可以在自己的企業運作得非常好 在我看來，這些理解完全是錯誤的。這種錯誤理解或觀念，使得很多企業實施cmmi後卻完全看看不到效果，甚至事倍功半，開發效率和質量還比不上...
談談對MVC的認識
核心思想是 檢視和使用者互動通過事件導致控制器改變 控制器改變導致模型改變 或者控制器同時改變兩者 模型改變 導致檢視改變 或者檢視改變 潛在的從模型裡面獲得引數 來改變自己。他的好處是可以將介面和業務邏輯分離。model 模型 是程式的主體部分，主要包含業務資料和業務邏輯。在模型層，還會涉及到使用...
談談對redux的認識
redux是從flux演變而來，但又獨立於react。簡言之就是，redux是一種單純的狀態管理器。可以和react搭配，也可以和其它框架搭配。redux有三個重要的部分組成 store,action,reducer 其中store是乙個物件，action是乙個物件，reducer是乙個純函式。st...