Css 简明教程

CSS - Introduction

CSS 是 Cascading Style Sheets 的缩写。它有助于将 HTML 元素的呈现定义为一个单独的文件(称为 CSS 文件),该文件具有 .css 扩展名。

What is CSS?

  1. CSS 是层叠样式表的缩写,用来描述网页的呈现和设计。

  2. 使用 CSS,您可以控制文本颜色、字体样式、段落间距、列的大小和布局以及使用的背景图像或颜色。

  3. CSS 可以一次控制多个网页的布局。

CSS Styling Example

以下是一个网页的布局,单击下面的按钮,为该页面添加 CSS 样式,看看有 CSS 和没有 CSS 的网页之间的区别。

Why Use CSS?

  1. CSS Saves Time: 您可以编写一次 CSS,然后在多个 HTML 页面中重复使用同一张样式表。

  2. Pages Load Faster: 如果您使用 CSS,则无需每次都编写 HTML 标签或属性。只需编写一个标签的 CSS 规则,并将其应用到该标签的所有出现位置。

  3. Easy Maintenance: 要进行全局更改,只需更改样式,所有网页中的所有元素都将自动更新。

  4. Superior Styles to HTML: 与 HTML 相比,CSS 拥有更广泛的属性,因此您可以让自己的 HTML 页面看起来更美观。

  5. Multiple Device Compatibility: 对于相同的 HTML 文档,可以针对不同的屏幕宽度呈现不同版本的网站

  6. Global Web Standards: 现在大多数 HTML 属性已被弃用,建议使用 CSS。

CSS Syntax

CSS 的语法由用于对 HTML 元素应用样式的选择器和声明组成。

selector {
    property: value;
}
  1. 选择器指向你希望设定样式的 HTML 元素/元素。

  2. 声明块包含一个或多个用大括号括起来 {} 的声明。

  3. 每个声明由一个 * property* 和一个用冒号 * :* 分隔的值组成。声明由分号 * ;* 分隔。

CSS 中有几种类型的选择器,常用选择器包括类、ID 和标记。要了解选择器的完整列表,请访问 * CSS Selectors* 。

CSS History and Versions

CSS3 的当前版本和早期版本分别是 CSS1 和 CSS2。到目前为止,CSS 在不断发展,并不断采用满足当前网站要求的新功能。

css versions

层叠样式表 1 级 (CSS1) 于 1996 年 12 月作为建议从 W3C 推出。该版本描述了 CSS 语言以及适用于所有 HTML 标记的简单视觉格式模型。

CSS2 于 1998 年 5 月成为 W3C 建议,并建立在 CSS1 的基础上。该版本增加了对特定媒体样式表(例如打印机和听觉设备)、可下载字体、元素定位和表格的支持。

CSS3 于 1999 年 6 月成为 W3C 推荐,并基于旧版本的 CSS 构建。它分为称为模块的文档,并且此处每个模块都有 CSS2 中定义的新扩展功能。

CSS3 Modules

CSS3 模块具有旧的 CSS 规范以及扩展功能。