頁面顯示樣式的優先級取決于其"特殊性"，特殊性越高，就顯示最高的，當物特殊性相等時，顯示后者。特殊性表述為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，標簽閉合、標簽小寫，不亂嵌套，提高搜索機器人搜索幾率，使用外鏈CSS和JS腳本、結構行為表現的分離。2，文件下載與頁面速度更快，內容能被更多的用戶所訪問，內容能被更廣泛的設備所訪問，更少的代碼和組件。3，容易維護，改版方便，不需要變動頁面內容，提供打印版本而不需要復制內容，提高網站易用性。
要或者說核心的部分是“Rendering Engine”，可大概譯為“渲染引擎”，不過我們一般習慣將之稱為“瀏覽器內核”。負責對網頁語法的解釋，（如標準通用標記語言下的一個應用HTML，javascript）并渲染（顯示）網頁。所以，通常所謂的瀏覽器內核也就是瀏覽器所采用的渲染引擎，渲染引擎決定了瀏
<button id="g80sy"></button>
