From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/reference/index.html | 199 +++++++++++++++++++++++++++++++ 1 file changed, 199 insertions(+) create mode 100644 files/zh-cn/web/css/reference/index.html (limited to 'files/zh-cn/web/css/reference/index.html') diff --git a/files/zh-cn/web/css/reference/index.html b/files/zh-cn/web/css/reference/index.html new file mode 100644 index 0000000000..7ee94296cf --- /dev/null +++ b/files/zh-cn/web/css/reference/index.html @@ -0,0 +1,199 @@ +--- +title: CSS 参考 +slug: Web/CSS/Reference +tags: + - CSS + - Reference + - 'l10n:priority' + - 参考 + - 总览 +translation_of: Web/CSS/Reference +--- +
{{CSSRef}}
+ +

使用此CSS 参考页面以浏览按 字母索引 的所有标准 CSS 属性、伪类、伪元素、数据类型、以及@ 规则。你也可以浏览 按类型排列的 CSS 选择器 列表和 CSS 关键概念 列表。还有一份简短的 DOM-CSS / CSSOM 参考。

+ +

基本规则语法

+ +

样式规则语法

+ +
style-rule ::=
+    selectors-list {
+      properties-list
+    }
+ +
... 其中
+
+ +
selectors-list ::=
+    selector[:pseudo-class] [::pseudo-element]
+    [, selectors-list]
+
+properties-list ::=
+    [property : value] [; properties-list]
+
+ +

参阅后面的 selector、pseudo-element、pseudo-class 列表。每个指定值的语法取决于为每个指定属性定义的数据类型。

+ +

样式规则示例

+ +
strong {
+  color: red;
+}
+
+div.menu-bar li:hover > ul {
+  display: block;
+}
+
+ +

有关 CSS 选择器语法的初学者介绍，请参阅此教程。注意，规则定义中的任何 CSS 语法错误都将使整个规则无效。无效的规则将被浏览器忽略。注意CSS定义完全是基于文本(ASCII)的 , 而 DOM-CSS / CSSOM (规则管理系统) 是基于对象的。

+ +

@规则语法

+ +

由于@规则间的结构变化很大，请参阅@规则以找到你所想要的特定规则语法。

+ +

关键字索引

+ +
+

注意：此索引中的属性名称不包括与CSS标准名称不同的 JavaScript 名称。

+
+ +
{{CSS_Ref}}
+ +

选择器

+ +

基本选择器

+ + + +

分组选择器

+ +
+
选择器列表 A, B
+
指定同时选择A 和 B元素。这是一种选择多个匹配元素的分组方法。
+
+ +

组合选择器

+ +

组合选择器是在两个或多个简单选择器之间建立关系的选择器，例如“ A是B的子代”或“ A与B相邻”。

+ + + +

       指定A和B选择的元素具有相同的父元素，并且B选择的元素在水平方向上紧随A选择的元素。

+ + + +

        指定由A和B选择的元素共享相同的父元素，并指定A选择的元素在B选择的元素之前（但不一定紧接在B之前）。

+ + + +

          指定B选择的元素是A选择的元素的直接子元素。

+ + + +

          指定B选择的元素是A选择的元素的后代，但不一定是直接子代。

+ +

伪类

+ +
+ +
+ +

伪元素

+ +
+ +
+ +
+

另见：一份完整的选择器标准 3 选择器列表。

+
+ +

概念

+ +

语法和语义

+ + + +

值

+ + + +

布局

+ + + +

DOM-CSS / CSSOM

+ +

主要对象类型

+ + + +

重要方法

+ + + +

相关链接

+ + -- cgit v1.2.3-54-g00ecf