前端面试题_HTML_移动技术网

一、 HTML和CSS 面试题

你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
div+css的布局较table布局有什么优点？
img的alt与title有何异同？ strong与em的异同？
你能描述一下渐进增强和优雅降级之间的不同吗?
为什么利用多个域名来存储网站资源会更有效？
请谈一下你对网页标准和标准制定机构重要性的理解。
请描述一下cookies，sessionStorage和localStorage的区别？
简述一下src与href的区别。
知道的网页制作会用到的图片格式有哪些？
在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？
一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
你如何理解HTML结构的语义化？
谈谈以前端角度出发做好SEO需要考虑什么？
有哪项方式可以对一个DOM设置它的CSS样式？
CSS都有哪些选择器？
CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
超链接访问过后hover样式就不出现的问题是什么？如何解决？
什么是Css Hack？ie6,7,8的hack分别是什么？
行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
什么是外边距重叠？重叠的结果是什么？
rgba()和opacity的透明效果有什么不同？
css中可以让文字在垂直和水平方向上重叠的两个属性是什么？
如何垂直居中一个浮动元素？
px和em的区别。
描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？
Sass、LESS是什么？大家为什么要使用他们？
display:none与visibility:hidden的区别是什么？
CSS中link和@import的区别是：
简介盒子模型：
为什么要初始化样式？
BFC是什么？
Doctype的作用？严格模式与混杂模式的区别？
IE的双边距BUG：块级元素float后设置横向margin，ie6显示的margin比设置的较大。
HTML与XHTML——二者有什么区别？
html常见兼容性问题？
对WEB标准以及W3C的理解与认识
行内元素有哪些?块级元素有哪些?
前端页面有哪三层构成，分别是什么?作用是什么?
Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
行内元素有哪些？块级元素有哪些？空(void)元素有那些？
CSS的盒子模型？
CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？
列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？
absolute的containing block计算方式跟正常流有什么不同？
对WEB标准以及W3C的理解与认识
css的基本语句构成是?
浏览器标准模式和怪异模式之间的区别是什么?
CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
什么是外边距重叠？重叠的结果是什么？
55、描述一个"reset"的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？
56、说display属性有哪些？可以做什么？
57、哪些css属性可以继承？
58、css优先级算法如何计算？
59、 b标签和strong标签,i标签和em标签的区别？
60、有那些行内元素、有哪些块级元素、盒模型？
61、有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？
62、我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗？
63、 CSS的盒模型由什么组成？
64、说说display属性有哪些？可以做什么？
65、哪些css属性可以继承？
66、 css优先级算法如何计算？