當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

2018 前端面试题（不定期更新）

發布時間：2024/6/30 HTML 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 2018 前端面试题（不定期更新）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

前端基礎面試題

以下更多的題目，希望大家能掌握更多的前端知識，發現自身的不足。不單單是看題目，背答案。

面試題應該反映出的只是你掌握前端知識的冰山一角。別把冰山全貌給展現出來咯

HTML/CSS

1、什么是盒子模型？

大家有沒有感覺，就是面試時幾乎都會被問到的什么是盒子模型？

我想大家應該回答都是“哦，盒子模型啊，就是外邊距+邊框+內邊距+容器自身的寬高”。

也就是下面這張圖，沒錯這樣回答大部門面試官就這樣放過你了

這是標準的盒子模型

如果面試官想再深入一下呢，IE的盒子模型和你說的盒子模型有什么區別呢？

咯咯，內心不要罵IE！！！

Do you know!!!

IE的盒子模型被噴了N年之后，大家發現實際上還挺好用。

box-sizing:border-box;

這個css的樣式，大家可能不是很陌生吧。

沒錯它的計算方法就是IE的盒子模型[外邊距+寬高(內邊距+邊框+容器寬高)]；

box-sizing:content-box;(這個是標準模型)；

2、行內元素有哪些？塊級元素有哪些？

常規題

除了img是inline-block以外。

其他的扔在代碼里，看看會不會換行。

3，Doctype

這個東西厲害了。

講真，我寫前端6年了，你讓我背，我還真不能一字不差的背不出那一長串。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

?Doctype的作用是申明文檔類型

一般會問的點，為什么要寫這么一段。

這里標準答案，應該是確定標準或是怪異模式。

1）盒模型： IE下標準模式為標準w3c盒模型【content+padding+border+margin】，怪異模式為IE盒模型【content+margin：padding與border包含在content寬高中】?
2）行內元素的垂直對齊：基于 Gecko 的瀏覽器【Mozilla Firefox、HotBrowser、Mozilla Suite、Camino】標準模式對齊至基線，怪異模式對齊至底部?
3）怪異模式中，IE6/7/8都不認識!important聲明?
4）設置行內元素的高寬：在Standards模式下，給等行內元素設置wdith和height都不會生效，而在quirks模式下，則會生效。?
5）使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。

未完待續?

轉載于:https://www.cnblogs.com/youku/p/9410830.html

總結

以上是生活随笔為你收集整理的2018 前端面试题（不定期更新）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

面试题