web前端開發(fā)工程師面試題-wenkub
2023-06-20 19:44:09 本頁面
【正文】 最前面的位置，處于標(biāo)簽之前。為了實(shí)現(xiàn)這一點(diǎn)，他們創(chuàng)建了兩種呈現(xiàn)模式：標(biāo)準(zhǔn)模式和混雜模式（quirks mode）。如果XHTML文檔包含形式完整的DOCTYPE，那么它一般以標(biāo)準(zhǔn)模式呈現(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)簽引入。background: f0f0f0。}/STYLE4. 使用STYLE屬性將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里，元件(標(biāo)簽) STYLE=性質(zhì)(屬性)1: 設(shè)定值1。當(dāng)一個(gè)頁面被加載的時(shí)候，link引用的CSS會(huì)同時(shí)被加載，而import引用的CSS會(huì)等到頁面全部被下載完再被加載。4. CSS選擇符有哪些？哪些屬性可以繼承？優(yōu)先級(jí)算法如何計(jì)算？內(nèi)聯(lián)和important哪個(gè)優(yōu)先級(jí)高？l 通配選擇符* { sRules }l 類型選擇符E { sRules }td { fontsize:14px。 }div[speed=fast][dorun=no] { color: red。 }l ID選擇符 ID { sRules }l { sRules }l 選擇符分組E1 , E2 , E3 { sRules }l 偽類及偽對(duì)象選擇符E : PseudoClasses { sRules }( PseudoClasses )[:link :hover :active :visited :focus :firstchild :first :left :right :lang]E : PseudoElements { sRules }( PseudoElements )[:firstletter :firstline :before :after]可以繼承的有：fontsize fontfamily color不可繼承的一般有：border padding margin backgroundcolor width height等============================關(guān)于CSS specificityCSS 的specificity 特性或稱非凡性，它是衡量一個(gè)衡量CSS值優(yōu)先級(jí)的一個(gè)標(biāo)準(zhǔn)，既然作為標(biāo)準(zhǔn)，就具有一套相關(guān)的判定規(guī)定及計(jì)算方式，specificity用一個(gè)四位的數(shù) 字串(CSS2是三位)來表示，更像四個(gè)級(jí)別，值從左到右，左面的最大，一級(jí)大于一級(jí)，數(shù)位之間沒有進(jìn)制，級(jí)別之間不可超越。算法：當(dāng)遇到多個(gè)選擇符同時(shí)出現(xiàn)時(shí)候按選擇符得到的Specificity值逐位相加，{數(shù)位之間沒有進(jìn)制 比如說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0}就得到最終計(jì)算得的specificity，然后在比較取舍時(shí)按照從左到右的順序逐位比較。}分析：1個(gè)元素{ div }，Specificity值為0,0,0,11個(gè)類選擇符{.sjweb}，Specificity值為0,0,1, 0最終：Specificity值為 0,0
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號(hào)-1