一起动脑筋 · 先看一个小故事
女孩搭一个小舞台：先放标题和按钮，再决定颜色，最后让按钮点下去有反应。
把过程摊开来看
- HTML结构与内容
- CSS样式与布局
- JavaScript行为与逻辑
HTML 描述页面的结构，CSS 控制呈现方式，JavaScript 可实现交互与计算。
像搭积木、涂颜色、添加机关，三者可以配合。一个按钮可以由 HTML 提供，CSS 让它清晰易点，JavaScript 在点击时更新计分。
浏览器依据这些内容呈现页面，服务端仍可承担数据处理。
轮到你来试一试
只想把标题颜色改紫，通常先改哪一部分？
想好了吗？点开看解释
CSS。若要改标题文字则是内容，若要计算点击次数则通常涉及行为逻辑。
带走一个发现
HTML 描述页面的结构，CSS 控制呈现方式，JavaScript 可实现交互与计算。
试着遮住上面的图，把每一步讲给家人听。如果某一步说不清楚，就回到那张卡片再看一遍。