web前端面試題整理參考內容
web前端的面試中，完成面試題是其中重要的環節之一。以下是學習啦小編為大家整理的web前端面試題，僅供大家參考!
web前端面試題篇1
1、目前常用的WEB標準靜態頁面語言是__html_。
2、改變元素的外邊距用___margin_____，改變元素的內填充用___padding_____。
3、對ul li的樣式設成無，應該是用什么屬性list-styl-type：none。
4、在新窗口打開鏈接的方法是__target=_bank_。
5、Color:#666666;可縮寫為__color：#666_____。
6、合理的頁面布局中常聽過結構與表現分離，那么結構是__div __，表現是__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、當float和margin同時使用時，IE6的雙倍邊距BUG如何解決?
display：inline;或者margin-right:-3px;
2、css代碼優化及優化的原因
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解析次數，提高頁面響應速度。
3、Firefox中標簽的居中問題的解決方法?
*{margin：0px auto;}
4、寫出以下3種IE6 BUG的解決方法。
①解決IE6及更早瀏覽器浮動時產生雙倍邊距的BUG
display:inline
②如何解決IE6下的文本溢出BUG
刪除2個div之間所有的注釋;
不設置浮動;
調整2個div的寬度，比如將寬度調整為更小一點，刷新頁面看效果。
③DIV浮動IE文本產生3象素的bug
左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內的文本會離左邊有3px的間距. #box{float:left; width:800px;} #left{ float:left; width:50%;}#right{ width:50%;} *html #left{ margin-right:-3px; //這句是關鍵}
5、.test {height:25px;line-height:25px;}
問：這段代碼在IE和火狐瀏覽器中高度顯示是否一樣?如果不一樣，請寫出他們的實際高度。如果讓你解決兼容性問題，你會如果解決?
這道題是考兼容性，只要寫出，IE瀏覽器是內容撐開高度，比如文字高度是30,那么最終IE里的高度就是30。而火狐瀏覽器是內容一超過高度，高度就會被撐破，導致錯位。
可以用min-height的方法加上csshack(IE6不認識min-height)去解決。
猜你感興趣: