给老铁们一些前端面试题，关于HTML+CSS的

1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
2、每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
3、Quirks 模式是什么？它和 Standards 模式有什么区别
4、div+css 的布局较 table 布局有什么优点？
5、 img 的 alt 与 title 有何异同？ strong 与 em 的异同？
6、你能描述一下渐进增强和优雅降级之间的不同吗?
7、为什么利用多个域名来存储网站资源会更有效？
8、请谈一下你对网页标准和标准制定机构重要性的理解。
9、请描述一下 cookies，sessionStorage 和 localStorage 的区别？
10、简述一下 src 与 href 的区别。
11、知道的网页制作会用到的图片格式有哪些？
12、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
13、在 css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次 js
请求一般情况下有哪些地方会有缓存处理？
14、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图
片的加载，给用户更好的体验。
15、你如何理解 HTML 结构的语义化？
16、谈谈以前端角度出发做好 SEO 需要考虑什么？
17、有哪项方式可以对一个 DOM 设置它的 CSS 样式？
18、CSS 都有哪些选择器？
19、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？27
20、超链接访问过后 hover 样式就不出现的问题是什么？如何解决？
21、什么是 Css Hack？ie6,7,8 的 hack 分别是什么？
22、请用 Css 写一个简单的幻灯片效果页面
24、行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
25、什么是外边距重叠？重叠的结果是什么？
26、rgba()和 opacity 的透明效果有什么不同？
27、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
28、如何垂直居中一个浮动元素？
29、px 和 em 的区别。
30、描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗？你了解他
们的不同之处？
31、Sass、LESS 是什么？大家为什么要使用他们？
32、display:none 与 visibility:hidden 的区别是什么？
34、CSS 中 link 和@import 的区别是：
35、简介盒子模型：
36、为什么要初始化样式？
37、BFC 是什么?
38、html 语义化是什么？
39、Doctype 的作用？严格模式与混杂模式的区别？
40、IE 的双边距 BUG：块级元素 float 后设置横向 margin，ie6 显示的 margin 比设置
的较大。解决：加入_display：inline
41、HTML 与 XHTML——二者有什么区别？
42、html 常见兼容性问题？
43、对 WEB 标准以及 W3C 的理解与认识
44、行内元素有哪些?块级元素有哪些?CSS 的盒模型?
45、前端页面有哪三层构成，分别是什么?作用是什么?
46、Doctype 作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?35
47、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
48、CSS 的盒子模型？
49、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3 新增伪类有
那些？
50、如何居中 div,如何居中一个浮动元素?
51、浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是
什么，常用 hack 的技巧 ？.
52、列出 display 的值，说明他们的作用。position 的值， relative 和 absolute 定
位原点是？
53、absolute 的 containing block 计算方式跟正常流有什么不同？
54、position 跟 display、margin collapse、overflow、float 这些特性相互叠加后
会怎么样？
55、对 WEB 标准以及 W3C 的理解与认识.
56、css 的基本语句构成是?
57、浏览器标准模式和怪异模式之间的区别是什么?
58、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？39
59、超链接访问过后 hover 样式就不出现的问题是什么？如何解决？
60、什么是 Css Hack？ie6,7,8 的 hack 分别是什么？
62、请用 Css 写一个简单的幻灯片效果页面
63、行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
64、什么是外边距重叠？重叠的结果是什么？
65、rgba()和 opacity 的透明效果有什么不同？
66、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
67、如何垂直居中一个浮动元素？
68、描述一个"reset"的 CSS 文件并如何使用它。知道 normalize.css 吗？你了解他们
的不同之处？
69、说 display 属性有哪些？可以做什么？
70、哪些 css 属性可以继承？
71、css 优先级算法如何计算？
72、b 标签和 strong 标签,i 标签和 em 标签的区别？
73、有那些行内元素、有哪些块级元素、盒模型？
74、有哪些选择符，优先级的计算公式是什么？行内样式和！important 哪个优先级高？
75.我想让行内元素跟上面的元素距离 10px，加 margin-top 和 padding-top 可以吗？45
76.CSS 的盒模型由什么组成？
77、.说说 display 属性有哪些？可以做什么？
78、哪些 css 属性可以继承？
79、css 优先级算法如何计算？
80、text-align:center 和 line-height 有什么区别？
81、前端页面由哪三层构成，分别是什么？作用是什么？
82、写一个表格以及对应的 CSS,使表格奇数行为白色背景，偶数行为灰色，鼠标一上
去为黄色背景。