CSS 语法介绍

CSS（Cascading Style Sheets）是一种用于描述网页上的样式的语言。CSS 通常用于控制 HTML 或 XML 中的元素的外观，包括该元素的字体、背景、颜色等等。

CSS 的语法非常简洁明了，类似于英语的句子。

语法结构

CSS 由选择器和样式声明组成。

选择器

选择器是指用来匹配 HTML 或 XML 文档中的一个或多个元素的模式。例如，可以使用标签名、ID 或类来选择元素。

/* 标签选择器 */
h1 {
    color: red;
}

/* ID 选择器 */
#header {
    background-color: gray;
}

/* 类选择器 */
.intro {
    font-style: italic;
}

/* 后代选择器 */
nav ul li {
    display: inline-block;
}

样式声明

样式声明是指一条或多条用花括号 {} 括起来的样式规则。每个规则包含一个或多个属性-值对，用冒号 : 分隔。

/* 属性-值对 */
color: red;

/* 样式规则 */
h1 {
    color: red;
}

多个样式规则用分号 ; 分隔，如下所示：

h1 {
    color: red;
    font-size: 24px;
    text-align: center;
}

常见样式属性

下面列出了一些最常用的 CSS 样式属性：

• color: 元素字体颜色。
• background-color: 元素背景颜色。
• font-size: 元素字体大小。
• font-family: 元素字体族。
• text-align: 元素内文本的水平对齐方式。
• margin: 元素外边距。
• padding: 元素内边距。
• border: 元素边框。

继承与层叠

CSS 的核心特性之一是它的继承和层叠机制。

继承是指子元素自动从父元素继承某些属性。例如，如果某个段落元素嵌套在一个父级 div 中，并且该 div 具有 red 颜色，则该 p 元素将自动继承 div 元素的 red 颜色。

层叠是指多个样式规则可能应用于同一个元素。层叠规则是基于选择器的特定性、样式源和其他因素来确定哪些规则优先应用于元素。

总结

CSS 是 Web 设计的必要工具，它可让开发者掌控网页元素的位置、大小、颜色和样式等方面。本文介绍了 CSS 的语法结构、常见样式属性、继承和层叠机制，希望对你的学习有所帮助。