CSS内联样式的使用，吐血整理

前言

本文主要是javascript和css方面的基础面试题，适合面试前以及平时复习食用。

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

什么？你问我要好的面试题文章，这不是就在你眼前吗

面试知识点

主要内容包括html，css，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，设计模式，项目等等。

html

1.浏览器页面有哪三层构成，分别是什么，作用是什么?
2.HTML5的优点与缺点？
3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
4.HTML5有哪些新特性、移除了哪些元素？
5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
7.说说你对HTML5认识?（是什么,为什么）
8.对WEB标准以及W3C的理解与认识?
9.HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
10.什么是WebGL,它有什么优点?
11.请你描述一下 cookies，sessionStorage 和 localStorage 的区别?
12.说说你对HTML语义化的理解?
13.link和@import的区别?
14.说说你对SVG理解?
15.HTML全局属性(global attribute)有哪些?
16.说说超链接target属性的取值和作用？
17.data-属性的作用是什么？
18.介绍一下你对浏览器内核的理解？
19.常见的浏览器内核有哪些？
20.iframe有那些缺点？
21.Label的作用是什么，是怎么用的？
22.如何实现浏览器内多个标签页之间的通信?
23.如何在页面上实现一个圆形的可点击区域？
24.title与h3的区别、b与strong的区别、i与em的区别？
25.实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？

CSS

1.解释一下CSS的盒子模型？
2.请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？
3.请你说说CSS有什么特殊性?（优先级、计算特殊值）
4.要动态改变层中内容可以使用的方法？
5.常见浏览器兼容性问题与解决方案？
6.列出display的值并说明他们的作用？
7.如何居中div, 如何居中一个浮动元素?
8.CSS中 link 和@import 的区别是？
9.请列举几种清除浮动的方法(至少两种)?
10.block，inline和inlinke-block细节对比？
11.什么叫优雅降级和渐进增强？
12.说说浮动元素会引起的问题和你的解决办法
13.你有哪些性能优化的方法？
14.为