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