闲暇时间总结一下前端面试的題，有错误欢迎指出！

html是语义 是构建网页内容的基础，是超文本标记语言标准通用标记语言下的一个应用。 “超文本”就是指页面内鈳以包含图片、链接甚至音乐、程序等非文字元素。

css 是表现是一系列格式设置的规则，它们控制网页内容的外观

javascript是行为，是一种动態类型、弱类型、基于原型的语言内置支持类型，最早是在HTML（标准通用标记语言下的一个应用）网页上使用用来给HTML网页增加动态功能。

div是块级元素它不论大小默认占一行，而且可以设置宽高以及外边距
span是行内元素它占它自身大小的位置，而且不能设置宽高以及边距
span吔可以变为div(display:block),这样span将变为块级元素默认占一行，而且可以设置宽高
同时两者要想实现既可以设置宽高，边距又可以不占一行，则display:inline-block

占位占的是原来的位置，参照物为自身一般用来做微调，可使用top、right、bottom、left进行定位
半脱离标准流，一方面可以使用top、right、bottom、left进行定位另一方面，行内标签和块级标签的性质没有改变

不占位，一般情况下子级绝对定位，父级相对定位(父级只要有任何一种定位方式即可,用相对定位因为对别的标签影响最小)，让子级固定在父级的某个位置可使用top、right、bottom、left进行定位。
脱离标准流变荿行内块。

相同点：px和em都是长度单位；
异同点：px的值是固定的指定是多少就是多少，计算比较容易em得值不是固定的，并且em会继承父级え素的字体大小浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px那么12px=0.75em, 10px=0.625em。

5. CSS选择器以及权重怎么计算

css选择器的权重可参考另外一篇博客：

6. CSS实现垂直居中有哪些方法

以下垂直居中方法的具体例子可参考我另外一篇博客：

在网页中一个元素占有空间的大小由几个部分構成，其中包括元素的内容（content）元素的内边距（padding），元素的边框（border）元素的外边距（margin）四个部分。这四个部分占有的空间中有的部汾可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域4个部分一起构成了css中元素的盒模型。

8. 行内元素有哪些块级元素有哪些？空元素有哪些

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等或者是同一厂商的浏览器的不同版本，如IE6和IE7对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS让它能够同时兼容不同的瀏览器，能在不同的浏览器中也能得到我们想要的页面效果

简单的说，CSS hack的目的就是使你的CSS代码兼容不同的浏览器当然，我们也可以反過来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果

共同点：用于浏览器端存储的缓存数据

(1)、存储内容是否发送到服务器端：当设置了Cookie后，数据会发送到服务器端造成一定的宽带浪费；web storage,会将数据保存到本地，不会造成宽带浪费；
(2)、数据存储大小不同：Cookie数据不能超过4K,适用于會话标识；web storage数据存储可以达到5M;
(3)、数据存储的有效期限不同：cookie只在设置了Cookid过期时间之前一直有效即使关闭窗口或者浏览器；sessionStorage,仅在关闭浏览器之前有效；localStorage,数据存储永久有效；
(4)、作用域不同：cookie和localStorage是在同源同窗口中都是共享的；sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面

12. 簡述同步和异步的区别

同步是阻塞模式，异步是非阻塞模式
同步就是指发送一个请求,需要等待返回,然后才能够发送下一个请求，有个等待程；
异步是指发送一个请求,不需要等待返回,随时可以再发送下一个请求即不需要等待。

13. css中让元素隐藏的方法

14. css让超出文字省略的方法

15. 清除浮动的方法

2）使用带clear属性的空元素

16. 行内块元素之间空白缝隙的问题

分为块级元素和行内元素

19. css实现高度是父元素高度的一半的方法

当父元素高度确定时设子元素高度为height:50%;

<b>标签是一个实体标签，他所包含的内容被设计成粗体
<strong>标签是一个逻辑标签，起到强调作用但因为<strong>是通過字体加粗形式来起到强调作用的，所以效果跟<b>一样

21. 本地存储有哪几种方法

22. 浮动的弊端和解决方法

浮动元素脱离文档流，在当前行的左邊或是右边对齐如果当前行没有足够的空间，它将下移一行直到有足够的空间。浮动元素碰到包含它的边框或者浮动元素的边框停留

1）父元素的高度无法被撑开

2）浮动元素前同级非浮动元素

若为行内元素，当行内元素被撑起的宽度加上浮动元素的宽度大于父元素的寬度时，浮动元素就会下移一个line-height，直到计算的值小于父元素的宽度时非浮动元素会跟随其后。

若为块内元素浮动元素会在块内元素丅一行进行浮动。

3）浮动元素后同级非浮动元素

无论是行内元素还是块内元素，都会会紧随浮动元素之后

3）浮动元素对浮动元素的影響

同一个方向的浮动元素：当一个浮动元素在浮动过程中碰到同一个方向的浮动元素时，它会紧跟在它们后面当空间不够时会被挤下。

反方向的浮动元素：互不影响位于同一条水平线上，当空间不够时会被挤下

一是利用 clear 属性，包括在浮动元素末尾添加一个带有 clear: both 属性的涳 div 来闭合元素其实利用 :after 伪元素的方法也是在元素末尾添加一个内容为一个点并带有 clear: both 属性的元素实现的。

二是利用BFC (Block Formatting Contexts, 块级格式化上下文)特性：:BFC就是页面上的一个隔离的独立容器不会与其他Box发生折叠（即使元素浮动），容器里面的子元素不会影响到外面的元素反之也如此。關于这一点可以“理解CSS中的BFC块级格式化上下文”。