狀態碼
100——客戶必須繼續發出請求
101——客戶要求服務器根據請求轉換HTTP協議版本
200——交易成功
201——提示知道新文件的URL
202——接受和處理、但處理未完成
203——返回信息不確定或不完整
204——請求收到，但返回信息爲空
205——服務器完成了請求，用戶代理必須復位當前已經瀏覽過的文件
206——服務器已經完成了部分用戶的GET請求
300——請求的資源可在多處得到
301——刪除請求數據
302——在其他地址發現了請求數據
303——建議客戶訪問其他URL或訪問方式
304——客戶端已經執行了GET，但文件未變化
305——請求的資源必須從服務器指定的地址得到
306——前一版本HTTP中使用的代碼，現行版本中不再使用
307——申明請求的資源臨時性刪除
400——錯誤請求，如語法錯誤
401——請求授權失敗
402——保留有效ChargeTo頭響應
403——請求不允許
404——沒有發現文件、查詢或URl
405——用戶在Request-Line字段定義的方法不允許
406——根據用戶發送的Accept拖，請求資源不可訪問
407——類似401，用戶必須首先在代理服務器上得到授權
408——客戶端沒有在用戶指定的時間內完成請求
409——對當前資源狀態，請求不能完成
410——服務器上不再有此資源且無進一步的參考地址
411——服務器拒絕用戶定義的Content-Length屬性請求
412——一個或多個請求頭字段在當前請求中錯誤
413——請求的資源大於服務器允許的大小
414——請求的資源URL長於服務器允許的長度
415——請求資源不支持請求項目格式
416——請求中包含Range請求頭字段，在當前請求資源範圍內沒有range指示值，請求也不包含If-Range請求頭字段
417——服務器不滿足請求Expect頭字段指定的期望值，如果是代理服務器，可能是下一級服務器不能滿足請求
500——服務器產生內部錯誤
501——服務器不支持請求的函數
502——服務器暫時不可用，有時是爲了防止發生系統過載
503——服務器過載或暫停維修
504——關口過載，服務器使用另一個關口或服務來響應用戶，等待時間設定值較長
505——服務器不支持或拒絕支請求頭中指定的HTTP版本
瀏覽器內核：
Presto內核：OperawebKit內核:Safari、曾經的chrom
Trident內核: IE
Blink內核:chrom、Opera Software
Gecko內核:Firefox、
行級元素、塊級元素：
行級：span a br b strong img sup i em del u input textarea selecet
特點：和其他元素處於一行；高度和寬度以及內邊距都是不可控制的；寬度就是內容的寬度，不看也改變；行內元素只能行內元素。不能包含塊級元素
塊級：div p h1--h6 ol ui dl tabel address blockquote form hr pre marquee ol
特點：總是從新的一行開始。高度、寬度都是可控制的。寬度沒有設置時。默認爲100%；塊級元素中可也包含塊級元素和行內元素；
div居中、浮動元素居中
1、position: fixed; top: 50%; left: 50%; margin:-160px 0 0 -250px;（元素高寬的一半）
2、margin:0 auto;注意：元素寬度至少要確定
3、position:absolute;margin:auto;left:0;right:0;
4、position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)
浮動元素居中：
1、在浮動元素上加div;
網頁三層結構：結構、樣式、行爲；（html+css+js）
網頁三層架構:展示層，業務層（或者說邏輯層）、數據層；常用的三層架構
選擇器：
| 選擇器 | 列子 | 說明 |
| .class | .into | 選擇class="into"的所有元素 |
#id | #firstname | id="firstname"的所有元素 |
| element | p | 選擇所有p元素 |
| element | * | 所有元素 |
| element,element | div,p | 選擇所有div元素和所有p元素 |
| element element | div p | div元素內部的所有p元素 |
| element>element | div>p | 父元素爲div的所有元素 |
| element+element | div+p | 選擇緊接在div元素之後的所有p元素 |
| [attribute] | [target] | 選擇帶有target屬性的所有元素 |
| [attribute=value] | [target=_blank] | 選擇target="_blank"的所有元素 |
| [attribute~=value] | [title~=flower] | 選擇title屬性包含單詞flower的所有元素 |
| [attribute|=value] | [lang|=en] | 選擇lang屬性值以en開頭的所有元素 |
| :link | a:link | 所有爲被訪問的鏈接 |
| :visited | a:visited | 選擇所有也被訪問的鏈接 |
| :active | a:active | 選擇活動鏈接 |
| :hover | a:hover | 選擇鼠標位於之上的鏈接 |
| :focus | input:focus | 選擇獲得焦點的input元素 |
| :first-letter | p:first-letter | 選擇每個p元素的首字母 |
| :first-line | p:first-line | 選擇每個p元素的首行 |
| :first-child | p:first-child | 選擇屬於父元素的第一個子元素的每個p元素 |
| :before | p:before | 在每個p元素的內容之前插入內容 |
| :after | p:after | 在每個p元素的內容之後插入內容 |
| :lang(language) | p:lang(it) | 選擇帶有以it開頭的lang屬性值的每個p元素 |
| element1~element2 | p~ul | 選擇前面有p元素的每個ul元素 |
| [attribute^=value] | a[src^="https"] | 選擇src屬性值以https開頭的每個a元素 |
| [attribute$=value] | a[src$=".pdf"] | 選擇src是個屬性以.pdf結尾的所有a元素 |
| [attribute*=value] | a[src*="abc"] | 選擇src屬性中包括abc字串的每個a元素 |
| :first-of-type | p:first-of-type | 父元素的首個p元素的每個p元素 |
| :last-of-type | p:last-of-type | 父元素的最後p元素的每個p元素 |
| :only-of-type | p:only-of-type | 屬於父元素的p元素的每個p元素 |
| :only-child | p:only-child | 屬於父元素的唯一子元素的每個p元素 |
| :nth-child(n) | p:nth-child(2) | 父元素的第二個子元素的每個p元素 |
| :nth-last-child(n) | p:nth-last-child(2) | 同上，從最後一個子元素開始計數 |
| :nth-of-type(n) | p:nth-of-type(2) | 屬於父元素第二個p元素的每個p元素 |
| :nth-last-of-type(n) | p:nth-last-of-type(2) | 同上，從最後一個元素開始計數 |
| :last-child | p:last-child | 選擇屬於父元素的最後一個子元素的每個p元素 |
| :root | :root | 選擇文檔的根元素 |
| :empty | p:empty | 選擇沒有子元素的每個p元素 |
| :target | #new:target | 當前活動的#news元素 |
| :enabled | input:enabled | 選擇每個啓用的input元素 |
| :disabled | input:disabled | 選擇每個禁用的input元素 |
| :checked | input:checked | 選擇每個被選中的input元素 |
| :not(selector) | :not(p) | 選擇非p元素的每個元素 |
| ::selection | ::selection | 選擇被用戶選取的元素部分 |
選擇器優先級：
淺顯的講：除!important規則外（因爲覆蓋其他任何聲明）；
優先級順序爲：內聯樣式>.not()內部聲明>否定僞類>關係選擇符>通配選擇符>ID選擇器>僞類>屬性選擇器>類選擇器>僞元素>類型選擇器
注意：
1、一定要優化考慮使用樣式規則的優先級來解決問題而不是用!important
2、只有在需要覆蓋全站或外部css的特定頁面中使用!important
3、永遠不要在全站範圍是的css上使用!important
4、永遠不要在你的插件中使用!important