前端面试必备：HTML5/CSS3核心技术与面试题汇总

前端面试宝典V3.1是一本专门为前端技术员准备的面试指南，由蔡威编写，旨在帮助求职者掌握必备的前端技术知识，以提高面试成功率。该书共348页，内容涵盖了HTML5、CSS3的最新特性、浏览器存储管理、布局技巧、CSS基础理论、语义化使用、HTML5新特性、CSS3图形和动画、响应式设计、CSS选择器、继承和非继承属性、单位转换、CSS布局管理、浮动和清除、CSS3弹性盒子与rem布局、CSS优先级和权重、媒体查询、CSS基础概念等多个核心知识点。 1. HTML5新特性包括了如新的表单控件、离线存储功能、拖放API等，而CSS3的新特性则涉及了更丰富的样式控制，如transform、transition和animation用于创建动态效果。 2. 存储管理部分，讲解了Localstorage、sessionStorage和cookie之间的区别，强调了在不同场景下的选择和使用。 3. CSS盒模型、渐进增强和优雅降级的概念是理解网页布局和用户体验优化的基础，前者关注初始可用性，后者关注新技术的兼容性。 4. 布局技巧如双飞翼布局（圣杯布局）和垂直居中img的方法，展示了前端开发者在页面结构上的灵活性。 5. 选择器、权重计算、继承属性如color和font-size等是理解CSS控制元素样式的关键。 6. HTML5的离线存储不仅涉及到API的使用，还包括其原理，即通过manifest.json文件来缓存网站内容，供离线访问。 7. 语义化标签如<header>、<footer>、<article>等的使用有助于提升页面结构的可读性和SEO优化。 8. HTML5事件处理和input元素的type属性如email、number等，展示了丰富的交互设计可能。 9. CSS3图形制作，如创建三角形，体现了对CSS3新增图形能力的理解和应用。 10. CSS中的display、visibility、position等属性及其作用，以及如何处理浮动元素和清除浮动问题，确保页面布局的稳定。 11. 弹性盒子flex布局和rem布局是现代响应式设计的核心，重要性不言而喻。 12. CSS3中的重要性声明（!important）和解决margin塌陷、外边距重叠等问题的方法，体现了对细节的把控。 13. 雪碧图（精灵图）是优化图片加载速度和减少HTTP请求的一种技术手段，LESS和Sass是预处理器，用于简化CSS编写和维护。 这些知识点构成了前端面试的基础框架，求职者通过深入理解和实践，可以提升自己的前端技能，并在实际面试中展现扎实的理论和实践经验。