36 64、什么是外边距重叠？重叠的结果是什么？ 答案：
外边距重叠就是margin-collapse。
在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。 折叠结果遵循下列计算规则：
1. 2. 3.
两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。 两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。 两个外边距一正一负时，折叠结果是两者的相加的和。
65、rgba()和opacity的透明效果有什么不同？
rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度， 而rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！） 66、css中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 垂直方向：line-height 水平方向：letter-spacing
那么问题来了，关于letter-spacing的妙用知道有哪些么？ 答案:可以用于消除inline-block元素间的换行符空格间隙问题。 67、如何垂直居中一个浮动元素？ // 方法一：已知元素的高宽 #div1{
background-color:#6699FF; width:200px; height:200px;
position: absolute; //父元素需要相对定位 top: 50%; left: 50%;
margin-top:-100px ; //二分之一的height，width margin-left: -100px; }
//方法二:未知元素的高宽 #div1{
37
width: 200px; height: 200px;
background-color: #6699FF; margin:auto;
position: absolute; //父元素需要相对定位 left: 0; top: 0; right: 0; bottom: 0; }
那么问题来了，如何垂直居中一个?（用更简便的方法。） #container //
的容器设置如下 {
display:table-cell; text-align:center; vertical-align:middle; }
68、描述一个\的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？ 重置样式非常多，凡是一个前端开发人员肯定有一个常用的重置CSS文件并知道如何使用它们。他们是盲目的在做还是知道为什么这么做呢？原因是不同的浏览器对一些元素有不同的默认样式，如果你不处理，在不同的浏览器下会存在必要的风险，或者更有戏剧性的性发生。
你可能会用Normalize来代替你的重置样式文件。它没有重置所有的样式风格，但仅提供了一套合理的默认样式值。既能让众多浏览器达到一致和合理，但又不扰乱其他的东西（如粗体的标题）。
在这一方面，无法做每一个复位重置。它也确实有些超过一个重置，它处理了你永远都不用考虑的怪癖，像HTML的audio元素不一致或line-height不一致。
69、说display属性有哪些？可以做什么？
display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素
70、哪些css属性可以继承？
可继承： font-size font-family color, ul li dl dd dt; 不可继承 ：border padding margin width height ;
71、css优先级算法如何计算？
!important > id > class > 标签
38
!important 比 内联优先级高
*优先级就近原则，样式定义最近者为准; *以最后载入的样式为准;
72、b标签和strong标签,i标签和em标签的区别？
后者有语义，前者则无。
73、有那些行内元素、有哪些块级元素、盒模型？
1.内联元素(inline element) a – 锚点 abbr – 缩写 acronym – 首字 b – 粗体(不推荐) big – 大字体 br – 换行 em – 强调
font – 字体设定(不推荐) i – 斜体 img – 图片 input – 输入框 label – 表格标签 s – 中划线(不推荐) select – 项目选择 small – 小字体文本
span – 常用内联容器，定义文本内区块 strike – 中划线 strong – 粗体强调 sub – 下标 sup – 上标
textarea – 多行文本输入框 tt – 电传文本 u – 下划线 var – 定义变量 2、块级元素 address – 地址
blockquote – 块引用 center – 举中对齐块 dir – 目录列表
div – 常用块级容易，也是css layout的主要标签 dl – 定义列表
fieldset – form控制组 form – 交互表单 h1 – 大标题 h2 – 副标题 h3 – 3级标题
39
h4 – 4级标题 h5 – 5级标题 h6 – 6级标题 hr – 水平分隔线 isindex – input prompt menu – 菜单列表
noframes – frames可选内容，（对于不支持frame的浏览器显示此区块内容） noscript – ）可选脚本内容（对于不支持script的浏览器显示此内容） ol – 排序表单 p – 段落
pre – 格式化文本 table – 表格 ul – 非排序列表
3.CSS盒子模型包含四个部分组成： 内容、填充（padding）、边框（border）、外边界（margin）。
74、有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？
#ID > .class > 标签选择符 !important优先级高
75.我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗？
margin-top,padding-top无效
76.CSS的盒模型由什么组成？
内容，border ,margin，padding
77、.说说display属性有哪些？可以做什么？
display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素
78、哪些css属性可以继承？
可继承： font-size font-family color, ul li dl dd dt; 不可继承 ：border padding margin width height ;
79、css优先级算法如何计算？
!important > id > class > 标签
40
!important 比 内联优先级高
* 优先级就近原则，样式定义最近者为准; * 以最后载入的样式为准;
80、text-align:center和line-height有什么区别？
text-align是水平对齐，line-height是行间。
81、前端页面由哪三层构成，分别是什么？作用是什么？
结构层 Html 表示层 CSS 行为层 js
82、写一个表格以及对应的CSS,使表格奇数行为白色背景，偶数行为灰色，鼠标一上去为黄色背景。
二、JS基础
1、javascript的typeof返回哪些数据类型
Object number function boolean underfind
2、例举3种强制类型转换和2种隐式类型转换?
强制（parseInt,parseFloat,number） 隐式（== – ===）
3、split() join() 的区别
前者是切割成数组的形式，后者是将数组转换成字符串
4、数组方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部删除 Unshift()头部添加 shift()头部删除
5、事件绑定和普通事件有什么区别
事件绑定是指把事件注册到具体的元素之上，普通事件指的是可以用来注册的事件
6、IE和DOM事件流的区别
1.执行顺序不一样、 2.参数不一样 3.事件加不加on 4.this指向问题