CSS基本解析

什么是 CSS？

• CSS 指的是层叠样式表（也称级联样式表）
• CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
• CSS 节省了大量工作。它可以同时控制多张网页的布局
• 外部样式表存储在 CSS 文件中

CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。

CSS 实例

<h1>这是一个标题。</h1>
<p>这是一个段落。</p>

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

---

CSS 语法

CSS 规则集（rule-set）由选择器和声明块组成：

实例

在此例中，所有 <p> 元素都将居中对齐，并带有红色文本颜色：

p 
  color: red;
  text-align: center;
}

例子解释

• p 是 CSS 中的选择器（它指向要设置样式的 HTML 元素：<p>）
• color 是属性，red 是属性值
• text-align 是属性，center 是属性值