前言
作为一个从后端视角切入前端的开发者，我们其实拥有一个很好的起点——理解数据流转、请求响应。前端不过是把这些逻辑在用户的浏览器里'可视化'和'交互化'的过程。
本文主要汇总提炼 web 后端开发人员需要掌握的前端基础，重点放在 HTML 和 CSS 上，JS 部分只做串联性讲解，后续将单独讲解 JS。
一、基本概念
作为后端开发者，我们习惯于处理数据、接口、数据库、业务逻辑。但最终，所有这些努力都要交付给用户一个'界面'。这个界面就是前端的世界。它由三个部分构成：
- HTML（超文本标记语言） —— 骨架和内容
- CSS（层叠样式表） —— 美化、风格、样式
- JavaScript（脚本语言） —— 动作、交互
三者协同，才能构建出一个完整、可用、美观的 Web 页面。
二、HTML：网页的'骨架'，承载所有内容
HTML（HyperText Markup Language，超文本标记语言）的核心作用是 定义页面结构、承载内容，相当于一栋房子的'框架'——没有框架，后续的美化和交互都无从谈起。它不是编程语言（没有逻辑），只是一套'标记标签'，告诉浏览器'这里是标题''这里是段落''这里是按钮'。
2.1 HTML 基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
</head>
<body>
<h1>Hello, 后端世界</h1>
<p>这是一个段落。</p>
</body>
</html>
| 部分 |
|---|
