Css 简明教程
CSS - Introduction
CSS 是 Cascading Style Sheets 的缩写。它有助于将 HTML 元素的呈现定义为一个单独的文件(称为 CSS 文件),该文件具有 .css 扩展名。
What is CSS?
-
CSS 是层叠样式表的缩写,用来描述网页的呈现和设计。
-
使用 CSS,您可以控制文本颜色、字体样式、段落间距、列的大小和布局以及使用的背景图像或颜色。
-
CSS 可以一次控制多个网页的布局。
Why Use CSS?
-
CSS Saves Time: 您可以编写一次 CSS,然后在多个 HTML 页面中重复使用同一张样式表。
-
Pages Load Faster: 如果您使用 CSS,则无需每次都编写 HTML 标签或属性。只需编写一个标签的 CSS 规则,并将其应用到该标签的所有出现位置。
-
Easy Maintenance: 要进行全局更改,只需更改样式,所有网页中的所有元素都将自动更新。
-
Superior Styles to HTML: 与 HTML 相比,CSS 拥有更广泛的属性,因此您可以让自己的 HTML 页面看起来更美观。
-
Multiple Device Compatibility: 对于相同的 HTML 文档,可以针对不同的屏幕宽度呈现不同版本的网站
-
Global Web Standards: 现在大多数 HTML 属性已被弃用,建议使用 CSS。
CSS Syntax
CSS 的语法由用于对 HTML 元素应用样式的选择器和声明组成。
selector {
property: value;
}
-
选择器指向你希望设定样式的 HTML 元素/元素。
-
声明块包含一个或多个用大括号括起来 {} 的声明。
-
每个声明由一个 * property* 和一个用冒号 * :* 分隔的值组成。声明由分号 * ;* 分隔。
CSS 中有几种类型的选择器,常用选择器包括类、ID 和标记。要了解选择器的完整列表,请访问 * CSS Selectors* 。
CSS History and Versions
CSS3 的当前版本和早期版本分别是 CSS1 和 CSS2。到目前为止,CSS 在不断发展,并不断采用满足当前网站要求的新功能。
层叠样式表 1 级 (CSS1) 于 1996 年 12 月作为建议从 W3C 推出。该版本描述了 CSS 语言以及适用于所有 HTML 标记的简单视觉格式模型。
CSS2 于 1998 年 5 月成为 W3C 建议,并建立在 CSS1 的基础上。该版本增加了对特定媒体样式表(例如打印机和听觉设备)、可下载字体、元素定位和表格的支持。
CSS3 于 1999 年 6 月成为 W3C 推荐,并基于旧版本的 CSS 构建。它分为称为模块的文档,并且此处每个模块都有 CSS2 中定义的新扩展功能。