Web前端面试宝典：从HTML到CSS的知识全解

Web 前端面试宝典 本资源摘要信息涵盖了 Web 前端面试的关键知识点，涵盖 HTML、CSS、JavaScript 等多个方面。 一、HTML 和 CSS 基础知识 1. 浏览器内核：IE 浏览器使用 Trident 内核，Firefox 使用 Gecko 内核，Chrome 使用 Blink 内核。 2. Doctype：Doctype 是 HTML 文档的开头部分，用于声明文档的类型和版本。 3. Quirks 模式和 Standards 模式：Quirks 模式是浏览器的兼容模式，用于支持旧版本的 HTML 代码；Standards 模式是浏览器的标准模式，用于支持最新的 HTML 代码。 4. div+css 布局和 table 布局：div+css 布局具有更好的灵活性和可维护性，table 布局则具有更好的兼容性。 5. img 的 alt 和 title 属性：alt 属性用于设置图片的替代文本，title 属性用于设置图片的提示信息。 6. 渐进增强和优雅降级：渐进增强是指从基本功能开始，逐步添加更多功能；优雅降级是指从完整功能开始，逐步降低功能以适应不同浏览器。 二、CSS 选择器和样式 7. 多个域名存储网站资源：使用多个域名存储网站资源可以减少浏览器的请求数量，提高网站的加载速度。 8. 网页标准和标准制定机构：W3C 是网页标准的制定机构，负责制定 HTML、CSS、JavaScript 等标准。 9. cookies、sessionStorage 和 localStorage：cookies 是服务器端存储的数据，sessionStorage 和 localStorage 是客户端存储的数据。 10. src 和 href 属性：src 属性用于设置图片等资源的路径，href 属性用于设置链接的路径。 三、图片格式和微格式 11. 图片格式：常见的图片格式包括 JPEG、PNG、GIF 等。 12. 微格式：微格式是指在 HTML 代码中添加特殊的 class 属性，用于提供更多的信息。 四、性能优化和缓存处理 13. 缓存处理：浏览器会对静态资源进行缓存，减少服务器的负载。 14. 图片加载优化：可以使用 lazy load、图片压缩等技术来优化图片的加载速度。 五、HTML 结构和语义化 15. HTML 结构的语义化：HTML 结构的语义化是指使用 HTML 元素来描述页面的结构和内容。 16. SEO 优化：SEO 优化是指通过优化 HTML 结构和关键词等来提高网站的搜索排名。 六、CSS 样式和选择器 17. 设置 CSS 样式：可以使用 style 属性、class 属性或 ID 选择器来设置 CSS 样式。 18. CSS 选择器：常见的 CSS 选择器包括 ID 选择器、class 选择器、tag 选择器等。 19. 隐藏 DOM 元素：可以使用 display 或 visibility 属性来隐藏 DOM 元素。 七、CSS Hack 和浏览器兼容性 20. 超链接 hover 样式问题：可以使用 CSS 伪类选择器来解决超链接 hover 样式问题。 21. Css Hack：Css Hack 是指使用特殊的 CSS 代码来解决浏览器兼容性问题。 22. 行内元素和块级元素：行内元素是指 display 属性为 inline 的元素，块级元素是指 display 属性为 block 的元素。 八、CSS 高级知识 23. 外边距重叠：外边距重叠是指两个元素的外边距合并成一个。 24. rgba 和 opacity：rgba 是指红绿蓝 alpha 颜色模型，opacity 是指元素的透明度。 25. 文字垂直和水平方向上重叠：可以使用 vertical-align 和 text-align 属性来实现文字的垂直和水平方向上重叠。 26. 垂直居中浮动元素：可以使用 position 属性和 margin 属性来实现浮动元素的垂直居中。 27. px 和 em 的区别：px 是指像素单位，em 是指相对单位。 28. reset CSS：reset CSS 是指将所有元素的样式重置为默认值，以便更好地控制样式。