CSS是什么？

CSS 代表层叠样式表
CSS 描述了 HTML 元素如何在屏幕、纸张或其他媒体上显示
CSS 节省了大量工作。它可以同时控制多个网页的布局
外部样式表存储在 CSS 文件中
为什么我们使用CSS？
CSS 用于定义网页的样式，包括设计、布局以及针对不同设备和屏幕尺寸的显示变化。

示例

身体{
  背景颜色：浅蓝色；
}

h1 {
  白颜色;
  文本对齐：居中；
}

p {
  字体系列：verdana；
  字体大小：20px；
}

CSS解决了一个大问题

HTML 从来没有打算包含用于格式化网页的标签！
HTML 的创建是为了描述网页的内容，例如：

这是一个标题

这是一个段落。

CSS 节省了大量工作！

样式定义通常保存在外部.css文件中。

CSS 语法

CSS 规则由选择器和声明块组成。
h1 {颜色：蓝色；字体大小：12px；}
选择器指向您想要设置样式的 HTML 元素。
声明块包含一个或多个以分号分隔的声明。
每个声明都包含一个 CSS 属性名称和一个值，以冒号分隔。

示例

p {
  红色;
  文本对齐：居中；
}

示例解释

p 是 CSS 中的选择器（它指向您想要设置样式的 HTML 元素：

）。
颜色是一个属性，红色是属性值
text-align 是一个属性，center 是属性值

CSS 选择器

CSS 选择器用于“查找”（或选择）您想要设置样式的 HTML 元素。
我们可以将 CSS 选择器分为五类：
简单选择器（根据名称、id、类选择元素）
组合选择器（根据元素之间的特定关系选择元素）
伪类选择器（根据某种状态选择元素）
伪元素选择器（选择元素的一部分并为其设置样式）
属性选择器（根据属性或属性值选择元素）

CSS 元素选择器

元素选择器根据元素名称选择 HTML 元素。

示例

p {
  文本对齐：居中；
  红色;
}