一、HTML
1.img标记属于什么类型元素？有什么特点？
答案：行内元素，允许修改尺寸。
2.结构标记有哪些？他们与div有什么相同之处，又有什么不同之处？
答案： header、section、aside、nav、article、footer
相同：属于块级元素，用于做布局
不同：结构标记提升了代码的语义性
3.行内元素，块级元素，空元素有哪些？
答案：行内元素：span,i,u,a,b,s,img,sup,sub
块级元素：h1~h6,p,div,ul,ol,dl,dt,pre,等结构标记
空元素：br,hr
二、CSS
1.隐藏网页中的元素有几种方式？这些方法有什么区别？
答案：三种
一种：display:none,不占页面空间，脱离文档流。
二种：visibility:hidden 占据页面空间，不会脱离文档流
三种: opacity:0;该元素隐藏起来，但不会改变页面布局，并且设置绑定事件。
2.如何解决子元素的上外边距溢出？
答案：1.给父元素设置上边框
2.设置父元素的上内边距，
3.父元素的第一个子元素位置处理添加空的table标记(最优方式)
.top_margin:before{
content:"";
display:table;
}
3.常用来设置透明度的方式有几种？他们之间有何区别？
答案：opacity和rgba();
opacity 设置当前元素相关的所有颜色的透明度。
rgba 设置当前某一种颜色的透明度。
4.浮动会对父元素的高度带来什么影响？如何解决这个问题？
答案：父元素的高度为0，
.clear:after{
content:"",
display:block;
clear:both;
}
5.哪些元素默认有外边距？
答案：p,h~h6,ul,body,ol,pre,dl
6.网页中如何定义锚点？如何连接到锚点位置?
答案：定义锚点的方式------两种
如果是a元素，用name属性定义锚点，其他所有元素都用id属性定义。
链接方式：如果实在当前网页“#锚点名称”
如果是在其他网页“网页的url#锚点名称”
7.框模型默认的计算方式是什么？要改变默认的计算方式用哪个属性及值？
答案：实际的宽度=左右外边距 + 左右边框 + 左右内边距 + width
实际的高度=上下外边距 + 上下边框 + 上下内边距 + height
属性：box-sizing:border-box
8.实现时针转动效果需要用到CSS中哪些关键技术?
答案：转换，动画，定位
9.设置行内元素水平居中对齐用什么属性？
答案：text-align:center;
10.如果要将表单中控件的值提交给服务器必须为控件设置什么属性？
答案：name属性和value属性
11.tansition和animation的区别？
答案：animation和transition大部分的属性是相同的，他们都是随时间改变元素的属性值，他们主要的区 别是transition需要触发事件才能改变属性，而animation不需要触发的情况下也会随着时间发生属性的变化。并且transition是2帧，from...to...,而animation是一帧一帧，可以将多帧连在一起，也可以理解为animation是将多个transition放到了一起。
12.如何实现元素水平垂直居中?
答案：定位 + 外边距
定位 + transform
flex 布局
13.盒子模型你是怎么理解的?
答案：元素框处理元素内容内边距外边距以及边框的计算方式。
盒子模型有两种情况：W3C和IE的盒子模型。
W3C标准：实际的宽度=左右外边距 + 左右边框 + 左右内边距 + width
实际的高度=上下外边距 + 上下边框 +上下内边距 + height
IE标准： width=content + padding + border
height=content + padding + border
原文：https://www.cnblogs.com/sna-ling/p/12308526.html