CSS 简介

CSS（层叠样式表）是一种用来描述文档样式和布局的标记语言。它与HTML结合使用，用来控制网页的外观和样式。CSS的主要作用是将网页的内容和样式分离，使得网页的结构和表现分离，从而提高网页的可维护性和可扩展性。

CSS 的优势

CSS有许多优势，包括但不限于：

• 分离内容和样式，使得网页结构更清晰
• 提高网页的可访问性和可维护性
• 提供丰富的样式控制，包括字体、颜色、边框、背景等
• 支持响应式设计，使得网页可以适应不同的设备和屏幕大小

CSS 的基本语法

CSS的基本语法包括选择器、属性和值。选择器用来选择要应用样式的元素，属性用来定义样式的特征，值用来设置属性的具体取值。

示例代码：

// www.javascriptcn.com code example
/* 选择器 */
h1 {
    color: red;
}

/* 属性和值 */
p {
    font-size: 16px;
    line-height: 1.5;
}

在上面的示例代码中，h1是选择器，color是属性，red是值。p是选择器，font-size和line-height是属性，16px和1.5是值。

CSS 的引入方式

CSS可以通过多种方式引入到HTML文档中，包括内联样式、嵌入样式和外部样式表。

• 内联样式：在HTML元素的style属性中直接写入CSS样式。
• 嵌入样式：在HTML文档的<style>标签中写入CSS样式。
• 外部样式表：将CSS样式写入一个独立的.css文件，然后在HTML文档中通过<link>标签引入。

示例代码：

// www.javascriptcn.com code example
<!-- 内联样式 -->
<h1 style="color: blue;">Hello, CSS!</h1>

<!-- 嵌入样式 -->
<style>
    p {
        font-size: 14px;
        color: #333;
    }
</style>

<!-- 外部样式表 -->
<link rel="stylesheet" href="styles.css">

以上就是CSS的简介部分，接下来我们将深入学习CSS的各种属性和技巧。