CSS基础知识学习笔记：CSS样式表、样式规则及应用

CSS基础知识学习笔记 CSS（Cascading Style Sheets），中文名称为层叠样式表，是一种用于描述网页样式的语言。它可以控制网页的显示效果，使得网页的排版控制更加灵活和丰富。 CSS的主要作用是对网页的样式进行控制，使得网页的排版更加美观。它可以控制网页中的字体、颜色、背景图片、边框、文字对齐方式等样式属性。 在CSS中，一个样式规则由选择器和声明组成。选择器是用于选定要应用样式的HTML元素，声明是用于描述样式的具体内容。例如： ``` p { color: red; font-size: 14px; } ``` 这里的`p`是选择器，`color: red; font-size: 14px;`是声明。 在CSS中，有四种方式来设置样式：内联样式、嵌入样式表、外部样式表和导入样式表。 内联样式是在HTML元素中使用`style`属性来设置样式，例如： ``` <p style="color: red; font-size: 14px;">这是一个段落</p> ``` 这种方式可以快速设置样式，但是不利于更新和维护。 嵌入样式表是在HTML文档中使用`<style></style>`元素来设置样式，例如： ``` <style> p { color: red; font-size: 14px; } </style> ``` 这种方式可以控制当前页面的所有样式，但是不能控制所有页面的样式。 外部样式表是将样式单独定义在一个以`.css`为后缀的文档中，并在HTML中通过`<link>`元素来链接，例如： ``` <link rel="stylesheet" type="text/css" href="style.css"> ``` 这种方式可以使得所有的页面都可以使用该样式表。 导入样式表是将一个CSS文件输入到另外一个样式文件中，例如： ``` <style> @import url("style.css"); </style> ``` 这种方式可以将多个样式表组合成一个样式表。 在CSS中，还有一个重要的概念是优先级。优先级是指样式规则的优先级顺序，高优先级的规则将覆盖低优先级的规则。内联样式的优先级最高，接着是嵌入样式表、外部样式表和导入样式表。 CSS的语法规则是：属性名：值；每个属性用分号隔开，例如： ``` style="color: red; font-size: 14px; border: 2px solid blue;" ``` 颜色可以使用RGB颜色模型，例如：`#ff0000`，也可以使用颜色名称，例如：`red`。 CSS还提供了许多有用的单位，例如：`px`、`em`、`pt`、`cm`、`mm`等。 CSS是网页设计中不可或缺的一部分，它可以使得网页的排版更加美观和灵活。