Css精靈圖，把一堆小的圖片整合到一張大的圖片（png）上，減輕服務器對圖片的請求數量。再利用CSS的“background-image”,"backgroundj-repeat","background-positi"的組合進行背景定位。
頁面顯示樣式的優先級取決于其"特殊性"，特殊性越高，就顯示最高的，當物特殊性相等時，顯示后者。特殊性表述為4個部分：0，0，0，0一個選擇器的特殊性如下1，對于選擇器是#id 的屬性值特殊性值為: 0,1,0,02，對于屬性選擇器，class 或偽類，特殊性值為: 0,0,1,0
開發方式移動web開發+pc開發響應式開發應用場景一般在已有PC端的網站，開發移動站的時候，只需單獨開發移動端。針對新建站的一些網站，現在要求適配移動端，所以就一套頁面兼容各種終端，靈活。開發針對性強，開發效率高兼容各種終端，效率低。適配只適配移動設備，pad上體驗相對較差。可以適配各種終端效率代碼
1，流式布局使用非固定像素來定義網頁內容，也就是百分比布局，通過盒子的寬度設置成百分比來根據屏幕的寬度來進行伸縮，不愛固定像素的限制，內容向兩側填充。這樣的布局方式，就是移動web開發使用的常用布局方式。這樣的布局可以適配移動端不同的分辨設備。2，響應式開發那么Ethan Marcotte在2010
1，低級div定義height原理：父級div手動定義height.就解決了父級div無法自動獲取到高度的問題，簡單、代碼少，容易掌握，但只適合高度固定的布局，2，結尾處加空div標簽clear: both原理:在浮動元素的后面添加一個空div兄弟元素，利用Css提高的clear: both清除浮動
1，png24位的圖片在IE6瀏覽器上出現背景，解決方案是做成PNG8.2，瀏覽器默認的margin和padding不同。解決方案是加一個全局的｛margin:0;padding:0;｝來統一。3、IE6雙邊距bug:塊屬性標簽float后， 又有橫行的margin情況下，在ie6顯示margin比
Reset重置瀏覽器的CSS默認屬性，瀏覽器品種不同，樣式不同，然后重置，讓他們統一（暴力，強制的）1，Normalize.css是CSS RESET 替代方案，保護有用的瀏覽器默認樣式而不是完全去掉它們（溫和的，根據瀏覽器特性的）2，一般化的樣式，為大部分HTML元素提供3，修復瀏覽器自
BFC直譯為“塊級格式化上下文”。它是一個獨立的渲染區域;只有Block-level box參與，它規定了內部的Block-level Box如何布局，并且與這個區域外部毫不相干。布局規則：A，內部的BOX會在垂直方向，一個接一個地放置。B，Box垂直方向的距離由margin決定。屬于同一個BFC的
優雅降級和漸進增強印象中是隨著CSS3流出來的一個概念，由于低級瀏覽器不支持CSS3，但css3的效果又太優秀不忍放棄，所以在高級瀏覽器中使用CSS3而低級瀏覽器只保證最基本的功能。咋一看兩個概念差不多，都是在關注不同的瀏覽器下的不同體驗，關鍵的區別是他們所側重的內容，以及這種不同造成的工作流程的差
1，顏色：新增RGBA,HSLA模式2，文字陰影（text-shadow）3，邊框：圓角（border-radius）邊框陰影：box-shadow4，盒子模型：box-sizing5，背景：background-size設置背景圖片的尺寸 background-origin設置背景圖片的原點bac
<button id="g80sy"></button>
