查看“CSS”的源代码

CSS（层叠样式表，Cascading Style Sheets）是一种用于控制网页内容外观和布局的样式表语言。它与HTML（结构）和JavaScript（行为）并称为网页开发的三大核心技术。

== CSS的核心作用： ==
* 美化网页
控制文字颜色、字体、间距、背景、边框等视觉效果。
* 实现响应式设计
通过媒体查询适配不同设备（手机、平板、电脑等）。
* 分离结构与样式
让HTML专注内容结构，CSS负责表现，便于维护。
== 基础语法示例： ==
<pre>
/* 选择器 { 属性: 值; } */
h1 {
  color: blue;
  font-size: 24px;
  margin: 10px 0;
}
</pre>
== 关键特性： ==
* 层叠性
多条样式规则可叠加，按优先级生效（如内联样式 > ID选择器 > 类选择器 > 标签选择器）。
* 继承性
子元素会继承父元素的某些样式（如字体、颜色）。
* 盒模型
所有元素被视为盒子，包含content（内容）、padding（内边距）、border（边框）、margin（外边距）。
== 常用选择器： ==
{| class="wikitable" style="width:100%; text-align:left"
|+ '''CSS常用选择器'''
|-
! style="width:25%" | 选择器类型
! style="width:25%" | 示例
! style="width:50%" | 作用
|-
| 标签选择器 || <code>p { }</code> || 选择所有<code>&lt;p&gt;</code>标签
|-
| 类选择器 || <code>.title { }</code> || 选择<code>class="title"</code>的元素
|-
| ID选择器 || <code>#header { }</code> || 选择<code>id="header"</code>的元素
|-
| 属性选择器 || <code>[type="text"] { }</code> || 选择特定属性的元素
|-
| 伪类选择器 || <code>a:hover { }</code> || 鼠标悬停时的链接样式
|}