html5+css3面试题答案.docx

HTML5 和 CSS3 面试题答案 HTML5 和 CSS3 是当前 Web 开发中两个非常重要的技术，以下是关于 HTML5 和 CSS3 的一些常见面试题答案： 优雅降级和渐进增强 优雅降级（Gracious Degradation）和渐进增强（Progressive Enhancement）是两种不同的开发策略。渐进增强是指从基本的功能开始，然后逐步添加更多的功能以达到更好的用户体验。而优雅降级则是从完整的功能开始，然后逐步降低功能以适应低版本的浏览器。 HTML5 DOCTYPE HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规范浏览器的行为。HTML4.01 基于 SGML，因此需要对 DTD 进行引用。 HTML5 构建模块 HTML5 的构建模块包括 nav、header、section、footer 等。 Cookies, SessionStorage 和 LocalStorage Cookies、SessionStorage 和 LocalStorage 都是在浏览器端存储的数据，但它们有所不同。Cookies 会被发送到服务器端，而 SessionStorage 和 LocalStorage 不会。SessionStorage 的概念很特别，它引入了一个“浏览器窗口”的概念，只要浏览器窗口没有关闭，数据就存在。关闭窗口后，SessionStorage 即被销毁。 栅格系统 栅格系统是用于布局的系统，常见的栅格系统有 Bootstrap、流式栅格系统等。 媒体查询 媒体查询是指通过不同的媒介类型和条件定义样式表规则，以达到响应式布局的效果。 非标准字体 如果设计中使用了非标准的字体，可以使用图片代替、web fonts 在线字库、@font-face 等方法来实现。 动画实现方法 动画可以使用 JavaScript 和 CSS 两种方式来实现。JavaScript 动画可以使用 setTimeout 和 setInterval 等方法，而 CSS 动画可以使用 transition 和 animation 等属性。