CSS

表格
| 特性 | 描述 |
|---|---|
| 概念 | 层叠样式表，用于描述 HTML 元素的外观和布局 |
| 语法 | 基于选择器的声明，如 id { color: red; } |
| 用途 | 控制元素的字体、颜色、大小、布局、动画等 |
| 优点 | 1. 可重用性：相同样式可应用于多个元素；2. 易于维护：一次性修改样式，应用于所有相关元素 |
| 缺点 | 1. 浏览器支持不一致；2. 可导致冗余代码，影响性能 |
专业介绍
定义
层叠样式表（CSS）是一种计算机语言，用于描述 HTML 元素的外观和布局。 它是一种用于在网站和网页中实现视觉效果的强大的工具。
优点
可重用性：CSS 允许一次定义样式，然后在整个网站中重复使用，提高可维护性。
易于维护：可以集中控制元素的视觉外观，当需要进行更改时，只需更新 CSS 文件即可。
增强可访问性：CSS 可以帮助创建对残疾人更友好的网站，例如放大字体或提供高对比度配色方案。
标准化：CSS 是一个标准化的语言，确保它可以在不同的浏览器和设备上一致地工作。
用途
CSS 用于控制各种元素的视觉外观，包括：
字体（类型、大小、颜色）
背景（颜色、图像）
边界（宽度、样式、颜色）
布局（浮动、定位、边距）
动画和效果（过渡、变换）
选择器
CSS 选择器用于匹配 HTML 元素，以便应用特定样式规则。 常见的选择器包括：
ID 选择器：匹配具有特定 ID 属性的元素
类选择器：匹配具有特定类属性的元素
元素选择器：匹配特定元素类型
通用选择器：匹配任何元素
声明
CSS 声明由一个属性和一个值组成，用花括号括起来。 例如，以下声明将元素的背景颜色设为红色：
background-color: red;
层叠
当多个样式规则应用于同一个元素时，就会发生层叠。 CSS 使用层叠规则来确定应用哪条规则。 这些规则包括：
特异性：具有更多特异性的选择器（例如 ID 选择器）优先于具有较低特异性的选择器（例如元素选择器）
来源顺序：后期声明优先于早期声明，除非使用 !important 声明
浏览器支持
CSS 被所有现代浏览器广泛支持。 但是，不同浏览器对某些 CSS 特性的支持可能会有所不同。 为了确保跨浏览器兼容性，使用 CSS 预处理器（例如 Sass 或 LESS）可以简化样式编写过程。