什么是css
更新时间：2023-06-26前言
CSS，全称为层叠样式表（Cascading Style Sheets），是一种用于描述文档外观和样式的标记语言。HTML 负责描述文档的结构，而 CSS 则负责控制文档的呈现方式，使得我们可以更加灵活地控制网页的外观效果。通过将样式从内容中分离出来，使得我们可以更方便地修改网页的样式，同时也能够提高页面加载速度。
1. CSS的作用
CSS的主要作用是定义和控制网页的样式，这包括以下几个方面：
- 文本样式：可以设置字体、字号、颜色、行高等相关属性来控制文本的显示效果。
- 布局样式：可以设置元素的位置、大小、盒模型属性以及浮动属性来控制网页布局。
- 背景样式：可以设置背景图片、背景颜色、背景重复方式等属性来美化页面的背景。
- 过渡与动画效果：可以使用过渡和动画效果来实现页面元素的平滑过渡和动态效果。
2. CSS的语法
CSS的语法由选择器和声明块组成。选择器用于选中需要应用样式的元素，声明块则包含了一系列的属性和值，用于定义元素的样式。
选择器 {
属性1: 值1;
属性2: 值2;
...
}
其中，选择器可以是元素选择器、类选择器、ID选择器、伪类选择器等不同类型的选择器。属性则是描述了需要应用的样式类型，如字体、颜色、边框等。值则是属性的具体取值，如字体大小、颜色值、边框样式等。
3. CSS的规则
CSS的样式规则也称为选择器和声明的组合，它告诉浏览器如何渲染指定的元素。每个样式规则由选择器和至少一个声明组成。
- 选择器：选择器指定了要样式化的元素。常见的选择器类型包括元素选择器（如 p、h1）、类选择器（如 .classname）和 ID 选择器（如 #idname）。
- 声明：声明由一个或多个属性-值对组成，用于指定要应用到选择器匹配的元素上的样式。可以有多个声明，每个声明之间使用分号分隔。
选择器 {
属性1: 值1;
属性2: 值2;
}
在一个网页中，可以使用多个样式规则，它们以分号分隔。浏览器将按照样式表的顺序依次解析和应用这些规则，如果有样式冲突，则后面的规则会覆盖前面的规则。
4. CSS的应用方式
我们可以使用三种方式将样式应用到网页中：
- 内联样式：直接在元素的
style属性中定义样式，优先级最高。 - 内部样式表：使用
<style>标签在网页的<head>标签中定义样式，适用于当前网页。 - 外部样式表：将样式定义在单独的 .css 文件中，通过
<link>标签链接到网页，可以在多个页面间共享。
通常情况下，我们会尽量避免使用内联样式，而是将样式放在外部样式表中，以便于维护和复用。
