浏览器开发者工具
浏览器自带的调试工具，用来查看页面结构、样式、报错信息等。
举个例子
当页面不显示时，我打开 DevTools 看报错信息。
相关资源
前端
用户看到和操作的界面部分，比如按钮、页面、动画等。
我看到的首页、按钮、卡片都是前端做的。
网页结构语言
用来定义网页有什么内容，像是页面的骨架。
我用 HTML 写了一个标题和按钮放在页面上。
样式语言
用来控制网页的样式，比如颜色、字体、间距和布局。
我用 CSS 把按钮变成绿色，并设置了圆角。