什么是CSS

CSS的定义

CSS（Cascading Style Sheets，层叠样式表）是一种用于描述HTML或XML文档样式的语言，用于控制网页的视觉表现，包括布局、颜色、字体等。CSS与HTML分离，实现内容与样式的解耦，便于维护和复用。

CSS的核心功能

• 样式控制：定义元素的颜色、大小、间距等视觉属性。
• 布局管理：通过浮动、Flexbox、Grid等技术实现复杂页面布局。
• 响应式设计：通过媒体查询（Media Queries）适配不同设备屏幕尺寸。

CSS的基本语法

CSS规则由选择器和声明块组成：

选择器 {属性: 值;属性: 值;
}

示例：

h1 {color: blue;font-size: 24px;
}

CSS的引入方式

1. 内联样式：直接写在HTML元素的style属性中。

   <p style="color: red;">文本</p>
   

2. 内部样式表：在HTML的<style>标签内定义。

   <style>p { color: green; }
   </style>
   

3. 外部样式表：通过<link>标签引入独立的.css文件。

   <link rel="stylesheet" href="styles.css">
   

CSS选择器类型

• 元素选择器：基于HTML标签（如p、div）。
• 类选择器：以.开头（如.class-name）。
• ID选择器：以#开头（如#id-name）。
• 伪类选择器：如:hover、:active。

CSS常见属性示例

• 文本样式：color、font-family、text-align。
• 盒模型：margin、padding、border、width。
• 定位：position、top、z-index。

CSS的层叠与继承

• 层叠：多个样式规则冲突时，按优先级（如内联 > ID > 类 > 元素）和顺序生效。
• 继承：子元素继承父元素的某些样式（如font-family）。

CSS是现代Web开发的基石，与HTML和JavaScript共同构建动态、美观的网页。