步骤一:创建 HTML 文档结构
每个 HTML 文档都应该包含以下基本结构:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
步骤二:添加 CSS 样式
有三种方式添加 CSS:内联样式、内部样式表、外部样式表。推荐使用外部样式表:
<!-- 在 head 中引入 -->
<link rel="stylesheet" href="style.css">
步骤三:使用 Flexbox 布局
Flexbox 是现代网页布局的首选方案:
.container {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}