web前端開發(fā)工程師面試題-預(yù)覽頁(yè)
【正文】 于HTML ，包含嚴(yán)格DTD的DOCTYPE常常導(dǎo)致頁(yè)面以標(biāo)準(zhǔn)模式呈現(xiàn)。link rel=stylesheet type=text/css href=2. 使用import引入跟link方法很像，但必須放在STYLE.../STYLE 中STYLE TYPE=text/css! import url(css/)。fontsize: 12px。 性質(zhì)(屬性)2: 設(shè)定值2。import可以在css中再次引入其他樣式表，比如可以創(chuàng)建一個(gè)主樣式表，在主樣式表中再引入其他的樣式表，如：———————import “”。 width:120px。 }a[rel~=copyright] { color:black。在多個(gè)選擇符應(yīng)用于同一個(gè)元素上那么Specificity值高的最終獲得優(yōu)先級(jí)。實(shí)例分析： { fontsize:12px。}分析：1個(gè)元素{ div }，Specificity值為0,0,0,11個(gè)類選擇符{.sjweb}，Specificity值為0,1,0, 0最終：Specificity值為 0,1,0,1 body div [id=”totals”] ul li p {color:red。標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁(yè)內(nèi)容的語義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。網(wǎng)頁(yè)的行為層（behavior layer）負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)”這一問題?！瓆7. 你做的頁(yè)面在哪些流覽器測(cè)試過？這些瀏覽器的內(nèi)核分別是什么?經(jīng)常遇到的瀏覽器的兼容性有哪些？怎么會(huì)出現(xiàn)？解決方法是什么？IE內(nèi)核瀏覽器：360，傲游，搜狗，世界之窗，騰訊TT非IE內(nèi)核瀏覽器：firefox opera safari chrome，在使用了float的情況下，不管是向左還是向右都會(huì)出現(xiàn)雙倍，最簡(jiǎn)單的解決方法就是用display:inline。解決方案：給文字設(shè)定 lineheight 。所以不要輕易給容器定義height。5. 浮動(dòng)的清除，ff下不清除浮動(dòng)是不行的。7. 吞吃現(xiàn)象，限于篇幅，我就不展開了。這個(gè)zoom好象是專門為解決ie6 bug而生的。9. li/里加 float div/，這是一個(gè)典型的，棘手的兼容問題，希望引起大家正視 ，給li 不同的屬性會(huì)有不同的解釋效果，ff下的解釋稍可理解，ie6下的解釋會(huì)讓你摸不著頭腦，由于問題的復(fù)雜性，將另起一文專門討論該問題。11. 失去lineheight。12. 鏈接的hover狀態(tài)。14. ie下overflow:hidden對(duì)其下的絕對(duì)層position:absolute或者相對(duì)層position:relative無效。float元素如果作為布局用或復(fù)雜的容器，都要給個(gè)寬度的。18. 終于來了個(gè)ff的缺點(diǎn)。div{Width:500px。left:50%。display: block。height: 0。display: block。}* html .clearfix {height: 1%。\2039。}.clearfix:after{content:.。visibility:hidden。}/* End hide from IEmac */這個(gè)clearfix的CSS使用了after這個(gè)偽對(duì)象，它將在應(yīng)用clearfix的元素的結(jié)尾添加content中的內(nèi)容。
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號(hào)-1