CSS，即级联样式表（Cascading Style Sheets），是一种用于描述网页外观和格式化的语言。它能够使网页元素具有更好的呈现效果和视觉吸引力，通过利用一系列的属性和值，我们可以控制网页中文本、图片、颜色、背景等元素的具体表现。以下是一些常用的CSS用法。
- 选择器
CSS选择器是用来指定特定HTML元素并应用样式的机制。有多种类型的选择器，包括元素选择器（如p、h1）、ID选择器（如#example）、类选择器（如.example）和属性选择器（如[href]）等。
- 样式属性
在CSS中，有许多可用的样式属性，用于定义网页元素的视觉特征。例如，color属性用于设置文本颜色，background-color属性用于设置背景色，font-family属性用于设置字体系列，而margin和padding属性用于设置元素的内外边距。
- 值和单位
CSS允许使用各种值和单位来定义样式。常见的单位包括像素（px）、点（pt）、百分比（%）、em、rem、vh、vw等。此外，还可以使用关键字，如auto、initial、inherit等。
- 列表和重复
列表可以使用unordered-list和ordered-list两类标签进行创建。此外，CSS还提供了丰富的列表样式属性，如list-style-type、list-style-image等，以定制列表项的外观。
- 背景
背景属性用于为元素设置背景。可以使用纯色、渐变或图像作为背景。同时，CSS还提供了background-repeat、background-position等属性来控制背景的重复和位置。
- 文本对齐
文本对齐属性用于设置文本的水平对齐方式，包括左对齐、右对齐、居中对齐和两端对齐。
- 盒模型
盒模型是CSS中用于描述元素布局的模型，包括元素的内容区域、内边距、边框和外边距。通过调整这些属性，可以改变元素的大小和位置。
- 显示和隐藏
CSS提供了多种方法来控制元素的显示和隐藏。例如，可以使用display属性将元素设置为none以完全隐藏，或使用visibility属性将其设置为hidden以仅隐藏元素但不影响其布局。
- 过渡和动画
过渡和动画是CSS中用于创建动态效果的属性。通过transition和animation属性，可以分别为元素的属性变化提供平滑的过渡效果和复杂的动画效果。
- 变形和布局
CSS提供了多种布局和变形技术，如flexbox和grid布局，以及transform属性，用于对元素进行旋转、缩放、倾斜等操作。