CSS 简介

CSS（Cascading Style Sheets）层叠样式表，用于控制网页的外观和布局。

为什么使用 CSS？

• 分离内容与表现 - HTML 负责结构，CSS 负责样式
• 提高效率 - 一个 CSS 文件可控制多个页面
• 易于维护 - 修改一处，全局生效

CSS 的三种引入方式

1. 行内样式（不推荐）

<p style="color:red;font-size:20px;">这是红色文字</p>

2. 内部样式表

<style>
p { color: red; font-size: 20px; }
</style>

3. 外部样式表（推荐）

<link rel="stylesheet" href="style.css">

基本语法

选择器 {
  属性名：属性值;
  属性名：属性值;
}

示例

p {
  color: blue;
  font-size: 16px;
  font-weight: bold;
}

相关文章：HTML5 新特性（上一篇）| CSS 选择器（下一篇）