頁(yè)面顯示樣式的優(yōu)先級(jí)取決于其"特殊性",特殊性越高,就顯示最高的,當(dāng)物特殊性相等時(shí),顯示后者。特殊性表述為4個(gè)部分:0,0,0,0一個(gè)選擇器的特殊性如下1,對(duì)于選擇器是#id 的屬性值特殊性值為: 0,1,0,02,對(duì)于屬性選擇器,class 或偽類,特殊性值為: 0,0,1,0
開(kāi)發(fā)方式移動(dòng)web開(kāi)發(fā)+pc開(kāi)發(fā)響應(yīng)式開(kāi)發(fā)應(yīng)用場(chǎng)景一般在已有PC端的網(wǎng)站,開(kāi)發(fā)移動(dòng)站的時(shí)候,只需單獨(dú)開(kāi)發(fā)移動(dòng)端。針對(duì)新建站的一些網(wǎng)站,現(xiàn)在要求適配移動(dòng)端,所以就一套頁(yè)面兼容各種終端,靈活。開(kāi)發(fā)針對(duì)性強(qiáng),開(kāi)發(fā)效率高兼容各種終端,效率低。適配只適配移動(dòng)設(shè)備,pad上體驗(yàn)相對(duì)較差??梢赃m配各種終端效率代碼
1,流式布局使用非固定像素來(lái)定義網(wǎng)頁(yè)內(nèi)容,也就是百分比布局,通過(guò)盒子的寬度設(shè)置成百分比來(lái)根據(jù)屏幕的寬度來(lái)進(jìn)行伸縮,不愛(ài)固定像素的限制,內(nèi)容向兩側(cè)填充。這樣的布局方式,就是移動(dòng)web開(kāi)發(fā)使用的常用布局方式。這樣的布局可以適配移動(dòng)端不同的分辨設(shè)備。2,響應(yīng)式開(kāi)發(fā)那么Ethan Marcotte在2010
1,低級(jí)div定義height原理:父級(jí)div手動(dòng)定義height.就解決了父級(jí)div無(wú)法自動(dòng)獲取到高度的問(wèn)題,簡(jiǎn)單、代碼少,容易掌握,但只適合高度固定的布局,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;}來(lái)統(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直譯為“塊級(jí)格式化上下文”。它是一個(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í)和漸進(jìn)增強(qiáng)印象中是隨著CSS3流出來(lái)的一個(gè)概念,由于低級(jí)瀏覽器不支持CSS3,但css3的效果又太優(yōu)秀不忍放棄,所以在高級(jí)瀏覽器中使用CSS3而低級(jí)瀏覽器只保證最基本的功能。咋一看兩個(gè)概念差不多,都是在關(guān)注不同的瀏覽器下的不同體驗(yàn),關(guān)鍵的區(qū)別是他們所側(cè)重的內(nèi)容,以及這種不同造成的工作流程的差
1,標(biāo)簽閉合、標(biāo)簽小寫(xiě),不亂嵌套,提高搜索機(jī)器人搜索幾率,使用外鏈CSS和JS腳本、結(jié)構(gòu)行為表現(xiàn)的分離。2,文件下載與頁(yè)面速度更快,內(nèi)容能被更多的用戶所訪問(wèn),內(nèi)容能被更廣泛的設(shè)備所訪問(wèn),更少的代碼和組件。3,容易維護(hù),改版方便,不需要變動(dòng)頁(yè)面內(nèi)容,提供打印版本而不需要復(fù)制內(nèi)容,提高網(wǎng)站易用性。
要或者說(shuō)核心的部分是“Rendering Engine”,可大概譯為“渲染引擎”,不過(guò)我們一般習(xí)慣將之稱為“瀏覽器內(nèi)核”。負(fù)責(zé)對(duì)網(wǎng)頁(yè)語(yǔ)法的解釋,(如標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML,javascript)并渲染(顯示)網(wǎng)頁(yè)。所以,通常所謂的瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎,渲染引擎決定了瀏