HTML/CSS

HTML 和 CSS 是前端开发的基础。

HTML

HTML (HyperText Markup Language) 是构建网页的标准标记语言。

语义化标签

使用语义化标签可以提高代码可读性和 SEO 效果：

<header>
  <nav>导航</nav>
</header>
<main>
  <article>
    <h1>文章标题</h1>
    <p>文章内容</p>
  </article>
</main>
<footer>页脚</footer>

CSS

CSS (Cascading Style Sheets) 用于描述网页的样式。

Flexbox 布局

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

Grid 布局

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

最佳实践

1. 使用语义化 HTML
2. 保持 CSS 代码简洁
3. 使用 CSS 变量管理主题
4. 响应式设计优先