web前端開(kāi)發(fā)工程師面試題(已修改)
2025-06-17 19:44 本頁(yè)面
【正文】 [HTML amp。amp。 CSS]1. Doctype? 嚴(yán)格模式與混雜模式如何觸發(fā)這兩種模式，區(qū)分它們有何意義?Doctype聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。該標(biāo)簽可聲明三種DTD 類型，分別表示嚴(yán)格版本、過(guò)渡版本以及基于框架的 HTML 文檔。當(dāng)瀏覽器廠商開(kāi)始創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時(shí)，他們希望確保向后兼容性。為了實(shí)現(xiàn)這一點(diǎn)，他們創(chuàng)建了兩種呈現(xiàn)模式：標(biāo)準(zhǔn)模式和混雜模式（quirks mode）。在標(biāo)準(zhǔn)模式中，瀏覽器根據(jù)規(guī)范呈現(xiàn)頁(yè)面；在混雜模式中，頁(yè)面以一種比較寬松的向后兼容的方式顯示?；祀s模式通常模擬老式瀏覽器（比如Microsoft IE 4和Netscape Navigator 4）的行為以防止老站點(diǎn)無(wú)法工作。瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來(lái)選擇要使用的呈現(xiàn)方法。如果XHTML文檔包含形式完整的DOCTYPE，那么它一般以標(biāo)準(zhǔn)模式呈現(xiàn)。對(duì)于HTML ，包含嚴(yán)格DTD的DOCTYPE常常導(dǎo)致頁(yè)面以標(biāo)準(zhǔn)模式呈現(xiàn)。包含過(guò)渡DTD和URI的DOCTYPE也導(dǎo)致頁(yè)面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過(guò)渡DTD而沒(méi)有URI會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)。DOCTYPE不存在或形式不正確會(huì)導(dǎo)致HTML和XHTML文檔以混雜模式呈現(xiàn)。2. 行內(nèi)元素有哪些？塊級(jí)元素有哪些？CSS的盒模型？行內(nèi)元素有：a b span I b em img input select strong塊級(jí)元素有：div ul ol li dl dt dd h1 h2 h3 h4…p盒模型：margin border padding width3. CSS引入的方式有哪些? link和@import的區(qū)別是?1. 使用 LINK標(biāo)簽，再以link標(biāo)簽引入。link rel=stylesheet type=text/css href=2. 使用@import引入跟link方法很像，但必須放在STYLE.../STYLE 中STYLE TYPE=text/css! @import url(css/)。/STYLE3. 使用STYLE標(biāo)簽將樣式規(guī)則寫(xiě)在STYLE.../STYLE標(biāo)簽之中。STYLE TYPE=text/css!body {color: 666。background: f0f0f0。fontsize: 12px。}td,p {color:c00。fontsize: 12px。}/STYLE4. 使用STYLE屬性將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里，元件(標(biāo)簽) STYLE=性質(zhì)(屬性)1: 設(shè)定值1。 性質(zhì)(屬性)2: 設(shè)定值2。 ...}5. 使用span/span標(biāo)記引入樣式span style=font:12px/20px 000000。/span兩者區(qū)別：加載順序的差別。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候，link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載。@import可以在css中再次引入其他樣式表，比如可以創(chuàng)建一個(gè)主樣式表，在主樣式表中再引入其他的樣式表，如：———————@import “”。@import “”。這樣做有一個(gè)缺點(diǎn)，會(huì)對(duì)網(wǎng)站服務(wù)器產(chǎn)生過(guò)多的HTTP請(qǐng)求，以前是一個(gè)文件，而現(xiàn)在卻是兩個(gè)或更多文件了，服務(wù)器的壓力增大，瀏覽量大的網(wǎng)站還
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號(hào)-1