web前端面試題整理參考內(nèi)容
web前端的面試中，完成面試題是其中重要的環(huán)節(jié)之一。以下是學(xué)習(xí)啦小編為大家整理的web前端面試題，僅供大家參考!
web前端面試題篇1
1、目前常用的WEB標(biāo)準(zhǔn)靜態(tài)頁面語言是__html_。
2、改變元素的外邊距用___margin_____，改變元素的內(nèi)填充用___padding_____。
3、對ul li的樣式設(shè)成無，應(yīng)該是用什么屬性list-styl-type：none。
4、在新窗口打開鏈接的方法是__target=_bank_。
5、Color:#666666;可縮寫為__color：#666_____。
6、合理的頁面布局中常聽過結(jié)構(gòu)與表現(xiàn)分離，那么結(jié)構(gòu)是__div __，表現(xiàn)是__css_____。
web前端面試題篇2
1、下列哪些是格式良好的XHTML?B
A：A short paragraph
B：A short paragraph
C：A short paragraph
2、在HTML文檔中，引用外部樣式表的正確位置是?D
A：文檔的末尾 B：文檔的頂部
C：部分D：部分
web前端面試題篇3
1、當(dāng)float和margin同時(shí)使用時(shí)，IE6的雙倍邊距BUG如何解決?
display：inline;或者margin-right:-3px;
2、css代碼優(yōu)化及優(yōu)化的原因
margin-top:20px;
margin-right:5px;
margin-left:5px;
margin-bottom:20px;
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:”Lucida Grande”,sans-serif;
color:#336699;
答案：margin:20px 5px;
font:italic small-caps bold 1em/140% “Lucida Grande”,sans-serif;
color:#369;
減少頁面請求和css解析次數(shù)，提高頁面響應(yīng)速度。
3、Firefox中標(biāo)簽的居中問題的解決方法?
*{margin：0px auto;}
4、寫出以下3種IE6 BUG的解決方法。
?、俳鉀QIE6及更早瀏覽器浮動時(shí)產(chǎn)生雙倍邊距的BUG
display:inline
?、谌绾谓鉀QIE6下的文本溢出BUG
刪除2個(gè)div之間所有的注釋;
不設(shè)置浮動;
調(diào)整2個(gè)div的寬度，比如將寬度調(diào)整為更小一點(diǎn)，刷新頁面看效果。
?、跠IV浮動IE文本產(chǎn)生3象素的bug
左邊對象浮動，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距. #box{float:left; width:800px;} #left{ float:left; width:50%;}#right{ width:50%;} *html #left{ margin-right:-3px; //這句是關(guān)鍵}
5、.test {height:25px;line-height:25px;}
問：這段代碼在IE和火狐瀏覽器中高度顯示是否一樣?如果不一樣，請寫出他們的實(shí)際高度。如果讓你解決兼容性問題，你會如果解決?
這道題是考兼容性，只要寫出，IE瀏覽器是內(nèi)容撐開高度，比如文字高度是30,那么最終IE里的高度就是30。而火狐瀏覽器是內(nèi)容一超過高度，高度就會被撐破，導(dǎo)致錯位。
可以用min-height的方法加上csshack(IE6不認(rèn)識min-height)去解決。
猜你感興趣: