Web学习网站

Appearance

CSS 简介 ​

CSS（Cascading Style Sheets，层叠样式表）是一种用来描述 HTML 或 XML（包括如 SVG、XHTML 等 XML 子集）文档外观与格式的语言。CSS 描述了在浏览器中应该如何显示 HTML 元素。

什么是 CSS？ ​

CSS 是一种样式表语言，用于描述文档（通常是 HTML 或 XML）的呈现方式。它描述了元素应该如何在屏幕、纸张、语音或其他媒体上显示。

CSS 的作用 ​

  • 控制网页的外观和布局
  • 提高内容的可访问性
  • 允许更灵活的显示控制
  • 实现响应式设计

CSS 的工作原理 ​

CSS 通过选择器将样式规则应用于 HTML 元素。每条 CSS 规则由两部分组成：

  1. 选择器（Selector）：指定要应用样式的 HTML 元素
  2. 声明块（Declaration Block）：包含一个或多个声明，每个声明由属性和值组成

基本语法：

css
选择器 {
    属性1: 值1;
    属性2: 值2;
}

示例：

css
p {
    color: blue;
    font-size: 16px;
}

这个例子会选择所有的 <p> 元素，并将它们的文本颜色设置为蓝色，字体大小设置为 16 像素。

CSS 的引入方式 ​

有三种方式可以将 CSS 应用于 HTML 文档：

  1. 内联样式：使用元素的 style 属性
  2. 内部样式表：在 <head> 部分使用 <style> 标签
  3. 外部样式表：使用 <link> 标签链接外部 CSS 文件

在接下来的章节中，我们将深入学习 CSS 的各种特性和用法。