HTML、CSS、JS之间的关系

关系

HTML、CSS 和 JavaScript 是构建网页的三大核心技术，它们分别承担不同的职责：

技术	职责	举例
HTML (结构)	描述网页的结构和内容	标题、段落、按钮等
CSS (样式)	控制网页的外观和布局	颜色、字体、边距、动画等
JavaScript (行为)	实现网页的交互和动态功能	点击按钮弹窗、轮播图、表单验证等

---

示例 1：仅使用 HTML（结构）

• 效果：页面显示标题、段落和按钮，但没有样式和行为。
• 用途：展示纯信息结构，像“骨架”。

---

示例 2：HTML + CSS（结构 + 样式）

• 效果：美化了背景、字体、按钮等。
• 用途：让网页更美观，但按钮还是“死”的，没有行为。

---

示例 3：HTML + CSS + JavaScript（结构 + 样式 + 行为）

• 效果：点击按钮会弹出对话框。
• 用途：实现交互，网页变得“活”了。