2018 前端面试题及答案汇总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、img3、CSS 实现垂直水平居中一道经典的问题,实现方法有很多种,以下是其中一种实现:HTML 结构: CSS:
wrapper{position:relative;}
content{background-color:#6699FF;width:200px;}height:200px;position: absolute; //父元素需要相对定位top: 50%;left: 50%;margin-top:-100px ; //二分之一的 height,widthmargin-left: -100px;4、简述一下 src 与 href 的区别href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接
src 是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js 脚本,img 图片和 frame 等元素
当浏览器解析到该元素时,会暂停其他资源