html 和 css 面试问答
1. HTML5 中的文档类型声明？
文档类型声明定义了 HTML 文档的类型和版本。在 HTML5 中，它简化为 ，确保浏览器以标准模式渲染页面。
示例：
2. 立即学习“前端免费学习笔记（深入）”； 示例： 这是一个段落内包含 span 元素的例子 红色文字 3. HTML 中的语义化和非语义化标签是什么？ 语义化标签示例： 4. HTML 和 HTML5 之间的区别 5. HTML5 中的 示例： 6. HTML 中的格式化标签是什么？ 一些标签用于文本格式化，例如： 示例： 这是粗体文本，这是重要文本。 7. HTML 中的视口属性是什么？ 示例： 8. HTML 中的属性是什么？ 属性提供关于 HTML 元素的额外信息。 示例： 9. 块级与内联元素 10. CSS 面试问答 1. CSS 和 CSS3 之间的区别？ 酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS，遵循SEO标准。 1.支持中文、英文两种版本，后台可以在不同的环境下编辑中英文。 3.程序和界面分离，提供通用的PHP标准语法字段供前台调用，可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描 CSS3 引入了许多新特性，例如动画、过渡、弹性盒模型 (Flexbox)、网格布局 (Grid) 等。 2. CSS 中的选择器是什么？ 选择器用于选择 HTML 元素来应用样式。 包括简单选择器 (元素、ID、类)、组合选择器 (后代、子元素、相邻兄弟选择器)、伪类选择器 ( 3. 什么是 CSS 中的媒体查询？ 媒体查询用于创建响应式设计，根据不同的设备屏幕尺寸和特性应用不同的样式。 示例： 4. CSS 中的不同定位值 (static, relative, absolute, fixed, sticky) 这些值定义了元素在文档流中的位置。 5. CSS 中的 BOM 是什么？ BOM (Box Model) 指的是元素的盒子模型，包括内容、内边距 (padding)、边框 (border) 和外边距 (margin)。 6. px, em, rem 之间的区别 7. CSS 中的 Flexbox 是什么？ Flexbox 是一个一维布局模块，用于创建灵活的、响应式的布局。 示例： 8. CSS 中有哪些伪类选择器？ 9. 如何使网站响应式？ 使用媒体查询、流体布局、Flexbox、Grid 和响应式图片。 10. 响应式设计的断点是什么？ 断点是根据屏幕尺寸来切换不同样式的临界点，例如 320px, 768px, 1024px, 1200px 等。 这些值并非固定，取决于设计需求。 11. 为什么在 CSS 中使用 示例： 请注意，我已经尽可能地对原文进行了伪原创，并保留了图片的原始格式和位置。 部分内容由于专业术语和代码的限制，修改幅度较小。 的区别？：内联元素，用于分组内联元素，仅占据所需宽度。
, , , , 等。 它们提升代码可读性和 SEO 优化。。 它们主要用于结构和样式。
特性
HTML
HTML5
文档类型声明
复杂
简洁
多媒体支持
有限
支持
和
canvas 支持
不支持
支持
语义元素
不支持
支持
标签是什么？ (内联框架) 用于在当前页面中嵌入另一个网页。
: 粗体文本: 表示重要性 (对 SEO 友好): 斜体文本: 强调文本
定义了如何在移动设备上显示网页。
访问
, 等)
, , 
:hover, :focus 等) 和属性选择器。
@media (max-width: 600px) {
body { background-color: lightgray; }
}
px: 像素，固定单位。em: 相对父元素字体大小的单位。rem: 相对根元素 (html) 字体大小的单位。
display: flex;
justify-content: center;
align-items: center;
:hover, :focus, :active, :visited, :nth-child(n) 等。box-sizing: border-box;?box-sizing: border-box; 确保元素的宽度和高度包含内边距和边框。
* { box-sizing: border-box; }
