淮安北大青鸟在学员即将毕业时，会开设简历课程和模拟面试，这些都是大家进入公司给领导留下的第一印象，非常重要。
面试
大批量出现的新的网络公司，还有个人的小企业以及一些零售批发卖家，都会有一种网络服务的意识，这就会涌现出很多需要网站的需求，那么，web工程师就成为了稀缺的人才。在面试时需要一层层的闯关，尤其是技术岗位，会有技术部的主管针对你面试的岗位给你出一些技术类的题目，那么我们做前端工程师的小伙伴们有福啦，最新的前端面试题，这就给你们呈上。
HTML/CSS部分
1、什么是盒子模型？
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
3、CSS实现垂直水平居中
一道经典的问题，实现方法有很多种，以下是其中一种实现：
HTML结构：
divclass="wrapper"divclass="content"/div/div
CSS：
.wrapper{position:relative;}.content{background-color:#FF;width:px;height:px;position:absolute;//父元素需要相对定位top:50%;left:50%;margin-top:-px;//二分之一的height，widthmargin-left:-px;}
4、简述一下src与href的区别
href是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
5、什么是CSSHack?
一般来说是针对不同的浏览器写不同的CSS,就是CSSHack。
IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack（详细参考CSS文档：css文档）。例如：
//1、条件Hack!--[ifIE]style.test{color:red;}/style![endif]--//2、属性Hack.test{color:#\9;/*ForIE8+*/*color:#f00;/*ForIE7andearlier*/_color:#ff0;/*ForIE6andearlier*/}//3、选择符Hack*html.test{color:#;}/*ForIE6andearlier*/*+html.test{color:#ff0;}/*ForIE7*/
以上素材来自网络，如有侵权请及时联系bdqnhaht
治白癜风北京哪家看白癜风最好