CSS 是层叠样式表(Cascading Style Sheets)的缩写。它是一种用来表现 HTML 或 XML(包括如 SVG、MathML 等XML方言)文档样式的样式表语言。CSS 描述了如何将结构化文档(如 HTML 文档或 XML 应用)呈现为网页,包括字体、颜色、布局等。

CSS 的核心概念包括:

1. 选择器:选择器是 CSS 规则的第一部分,用于指定哪些 HTML 元素将应用这些样式。例如,`h1` 选择器会选中所有 `` 元素。

2. 属性:属性是 CSS 规则的第二部分,用于指定要应用到选择器选中的元素上的样式。例如,`color: red;` 是一个属性,它指定了文本的颜色为红色。

3. 值:值是 CSS 属性的具体值,用于定义样式。例如,在上面的例子中,`red` 是 `color` 属性的值。

4. 声明:声明是由属性和值组成的,用于定义样式。例如,`color: red;` 是一个声明。

5. 规则:规则是由选择器和声明组成的,用于定义样式。例如,`h1 { color: red; }` 是一个规则,它指定了所有 `` 元素的文本颜色为红色。

6. 层叠:CSS 的层叠规则决定了当多个样式规则应用于同一个元素时,哪些样式会被应用。层叠规则基于选择器的优先级、源顺序和重要性。

7. 继承:CSS 的继承规则允许样式从父元素传递到子元素。例如,如果父元素有一个 `fontsize` 属性,那么它的子元素也会继承这个属性。

8. 媒体查询:媒体查询允许根据不同的媒体类型(如屏幕、打印、手提设备等)应用不同的样式。例如,可以使用媒体查询来为移动设备提供不同的布局。

什么是CSS?

CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述HTML或XML文档样式的样式表语言。它允许开发者将网页的样式与内容分离,从而实现更加灵活和美观的网页设计。CSS通过定义元素的字体、颜色、布局等属性,使得网页呈现出丰富的视觉效果。

CSS的作用

CSS在网页设计和开发中扮演着至关重要的角色,其主要作用如下:

美化网页:通过CSS,开发者可以轻松地改变网页的字体、颜色、背景等,使网页更加美观。

提高代码复用性:将样式信息与内容分离,可以方便地在多个页面中复用相同的样式,提高开发效率。

提高网页兼容性:CSS可以兼容多种浏览器,使得网页在不同设备上都能呈现出一致的效果。

CSS的基本语法

CSS的基本语法由选择器和声明块组成。选择器用于指定要应用样式的HTML元素,声明块则包含一组属性和值,用于定义元素的样式。

以下是一个简单的CSS规则示例:

color: blue;

font-size: 16px;

在这个例子中,选择器“p”表示所有段落元素,声明块中的“color: blue;”和“font-size: 16px;”分别定义了段落的文字颜色和字体大小。

CSS的引入方式

CSS可以通过以下三种方式引入到HTML文档中:

内联样式:直接在HTML元素中使用style属性定义样式。

以下是一个使用外部样式表的示例: