The IDBIndexParameters object whose attributes are optional parameters to the method. It includes the following properties:
+The IDBIndexParameters object whose attributes are optional parameters to the method. It includes the following properties:
除了这些定义 WebRTC 需要的 API 的标准之外，还有其他的一些协议，在资源中列了出来。
相关链接
diff --git a/files/zh-cn/web/api/webrtc_api/signaling_and_video_calling/index.html b/files/zh-cn/web/api/webrtc_api/signaling_and_video_calling/index.html index 5a35056ac3f837..b69e44ff12589a 100644 --- a/files/zh-cn/web/api/webrtc_api/signaling_and_video_calling/index.html +++ b/files/zh-cn/web/api/webrtc_api/signaling_and_video_calling/index.html @@ -447,11 +447,11 @@处理请求
.catch(handleGetUserMediaError); } -此代码与我们在开始通话的交互中在 invite() 函数中所做的非常相似。它首先使用 createPeerConnection() 函数创建和配置{{domxref("RTCPeerConnection")}} 。然后，它从收到的 "video-offer" 消息中获取 SDP 请求，并使用它创建一个表示调用方会话描述的新 {{domxref("RTCSessionDescription")}} 对象。
此代码与我们在开始通话的交互中在 invite() 函数中所做的非常相似。它首先使用 createPeerConnection() 函数创建和配置{{domxref("RTCPeerConnection")}} 。然后，它从收到的 "video-offer" 消息中获取 SDP 请求，并使用它创建一个表示调用方会话描述的新 {{domxref("RTCSessionDescription")}} 对象。
然后将该会话描述传递到 {{domxref("RTCPeerConnection.setRemoteDescription", "myPeerConnection.setRemoteDescription()")}}。这将把接收到的请求建立为连接的远程（调用方）端的描述。如果成功，promise 成功处理程序（在 then() 子句中）将使用 {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}，将磁道添加到连接，以此类推，如前面在 invite()中看到的那样。
然后将该会话描述传递到 {{domxref("RTCPeerConnection.setRemoteDescription", "myPeerConnection.setRemoteDescription()")}}。这将把接收到的请求建立为连接的远程（调用方）端的描述。如果成功，promise 成功处理程序（在 then() 子句中）将使用 {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}，将磁道添加到连接，以此类推，如前面在 invite()中看到的那样。
一旦使用 {{domxref("RTCPeerConnection.createAnswer", "myPeerConnection.createAnswer()")}} 创建了应答，通过调用{{domxref("RTCPeerConnection.setLocalDescription", "myPeerConnection.setLocalDescription()")}} 连接本地端的描述被设置为应答的 SDP，则通过信令服务器将应答发送给调用者，让他们知道应答是什么。
+一旦使用 {{domxref("RTCPeerConnection.createAnswer", "myPeerConnection.createAnswer()")}} 创建了应答，通过调用{{domxref("RTCPeerConnection.setLocalDescription", "myPeerConnection.setLocalDescription()")}} 连接本地端的描述被设置为应答的 SDP，则通过信令服务器将应答发送给调用者，让他们知道应答是什么。
捕捉到的任何错误都会被传递给 handleGetUserMediaError()，详见 处理 getUserMedia() 错误 。
基本信息
-
-
- Specification -
- HTML5 -
- Interface -
- Event -
- Bubbles -
- No -
- Cancelable -
- No -
- Target -
- DefaultView (
<window>)
- - Default Action -
- None +
- Specification +
- HTML5 +
- Interface +
- Event +
- Bubbles +
- No +
- Cancelable +
- No +
- Target +
- DefaultView (
<window>)
+ - Default Action +
- None
属性
diff --git a/files/zh-cn/web/api/window/beforeprint_event/index.html b/files/zh-cn/web/api/window/beforeprint_event/index.html index 68ce50d914b650..bfe01358ac60e8 100644 --- a/files/zh-cn/web/api/window/beforeprint_event/index.html +++ b/files/zh-cn/web/api/window/beforeprint_event/index.html @@ -9,18 +9,18 @@基本信息
-
-
- Specification -
- HTML5 -
- Interface -
- Event -
- Bubbles -
- No -
- Cancelable -
- No -
- Target -
- DefaultView (
<window>)
- - Default Action -
- None +
- Specification +
- HTML5 +
- Interface +
- Event +
- Bubbles +
- No +
- Cancelable +
- No +
- Target +
- DefaultView (
<window>)
+ - Default Action +
- None
属性
diff --git a/files/zh-cn/web/api/window/deviceorientation_event/index.html b/files/zh-cn/web/api/window/deviceorientation_event/index.html index 8350a9fe354a3c..d29abe06d085bd 100644 --- a/files/zh-cn/web/api/window/deviceorientation_event/index.html +++ b/files/zh-cn/web/api/window/deviceorientation_event/index.html @@ -8,18 +8,18 @@常规信息
-
-
- 标准 -
- Orientation -
- 接口 -
- DeviceOrientationEvent -
- 冒泡 -
- 否 -
- 可取消 -
- 否 -
- Target -
- DefaultView (
window)
- - 默认操作 -
- 无 +
- 标准 +
- Orientation +
- 接口 +
- DeviceOrientationEvent +
- 冒泡 +
- 否 +
- 可取消 +
- 否 +
- Target +
- DefaultView (
window)
+ - 默认操作 +
- 无
属性
diff --git a/files/zh-cn/web/api/window/domcontentloaded_event/index.html b/files/zh-cn/web/api/window/domcontentloaded_event/index.html index 0adc1bc87837ac..77b8d6ded0cb23 100644 --- a/files/zh-cn/web/api/window/domcontentloaded_event/index.html +++ b/files/zh-cn/web/api/window/domcontentloaded_event/index.html @@ -38,18 +38,18 @@加速中
常规信息
-
-
- 规范 -
- HTML5 -
- 接口 -
- Event -
- 是否冒泡 -
- 是 -
- 能否取消 -
- 能 (尽管一个简单的事件被指定为不可取消) -
- 目标 -
- Document -
- 默认行为 -
- 无。 +
- 规范 +
- HTML5 +
- 接口 +
- Event +
- 是否冒泡 +
- 是 +
- 能否取消 +
- 能 (尽管一个简单的事件被指定为不可取消) +
- 目标 +
- Document +
- 默认行为 +
- 无。
属性
diff --git a/files/zh-cn/web/api/window/dump/index.html b/files/zh-cn/web/api/window/dump/index.html index 76129e550e2b18..6eb1f19389f754 100644 --- a/files/zh-cn/web/api/window/dump/index.html +++ b/files/zh-cn/web/api/window/dump/index.html @@ -12,7 +12,7 @@{{Non-standard_header}}
+{{Non-standard_header}}
概要
@@ -51,4 +51,4 @@注解
Specification
-这不是标准的一部分
+这不是标准的一部分
diff --git a/files/zh-cn/web/api/window/gamepadconnected_event/index.html b/files/zh-cn/web/api/window/gamepadconnected_event/index.html index 6aeb7bdccb9f98..8bd6c025e6b50e 100644 --- a/files/zh-cn/web/api/window/gamepadconnected_event/index.html +++ b/files/zh-cn/web/api/window/gamepadconnected_event/index.html @@ -11,18 +11,18 @@基本信息
-
-
- 文档 -
- Gamepad -
- 类型 -
- 事件 -
- 冒泡 -
- No -
- 可取消 -
- No -
- Target -
- DefaultView (
<window>)
- - 默认操着 -
- 无 +
- 文档 +
- Gamepad +
- 类型 +
- 事件 +
- 冒泡 +
- No +
- 可取消 +
- No +
- Target +
- DefaultView (
<window>)
+ - 默认操着 +
- 无
属性
diff --git a/files/zh-cn/web/api/window/languagechange_event/index.html b/files/zh-cn/web/api/window/languagechange_event/index.html index c436ccf3f0086f..64d8604e393574 100644 --- a/files/zh-cn/web/api/window/languagechange_event/index.html +++ b/files/zh-cn/web/api/window/languagechange_event/index.html @@ -10,18 +10,18 @@General info
-
-
- Specification -
- {{ SpecName('HTML WHATWG', 'indices.html#event-languagechange') }} -
- Interface -
- {{domxref("Event")}} -
- Bubbles -
- No -
- Cancelable -
- No -
- Target -
- The default window scope, being {{domxref("Window")}} on Web pages and {{domxref("WorkerGlobalScope")}} in Web Workers. -
- Default Action -
- None +
- Specification +
- {{ SpecName('HTML WHATWG', 'indices.html#event-languagechange') }} +
- Interface +
- {{domxref("Event")}} +
- Bubbles +
- No +
- Cancelable +
- No +
- Target +
- The default window scope, being {{domxref("Window")}} on Web pages and {{domxref("WorkerGlobalScope")}} in Web Workers. +
- Default Action +
- None
Properties
diff --git a/files/zh-cn/web/api/window/onpaint/index.html b/files/zh-cn/web/api/window/onpaint/index.html index 5bc2c90d86efad..5866efda87e3c7 100644 --- a/files/zh-cn/web/api/window/onpaint/index.html +++ b/files/zh-cn/web/api/window/onpaint/index.html @@ -5,7 +5,7 @@ ---{{ ApiRef() }}
-{{Non-standard_header}}
+{{Non-standard_header}}
总结
@@ -28,4 +28,4 @@注意事项
规范
-不是任何规范的一部分。
+不是任何规范的一部分。
diff --git a/files/zh-cn/web/api/window/open/index.html b/files/zh-cn/web/api/window/open/index.html index 1c1b6487bf6a23..84d29f0a47543d 100644 --- a/files/zh-cn/web/api/window/open/index.html +++ b/files/zh-cn/web/api/window/open/index.html @@ -20,14 +20,14 @@语法
let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatures]);strUrl === 要在新打开的窗口中加载的 URL。
+strUrl === 要在新打开的窗口中加载的 URL。
-strWindowName === 新窗口的名称。
+strWindowName === 新窗口的名称。
-strWindowFeatures === 一个可选参数，列出新窗口的特征 (大小，位置，滚动条等) 作为一个{{domxref("DOMString")}}。
+strWindowFeatures === 一个可选参数，列出新窗口的特征 (大小，位置，滚动条等) 作为一个{{domxref("DOMString")}}。
参数与返回值
@@ -115,17 +115,17 @@-
-
- left +
- left
- Specifies the distance the new window is placed from the left side of the work area for applications of the user's operating system to the leftmost border (resizing handle) of the browser window. The new window can not be initially positioned offscreen.
- Supported in:
, 
, 
, 
, 
, 
- - top +
- top
- Specifies the distance the new window is placed from the top side of the work area for applications of the user's operating system to the topmost border (resizing handle) of the browser window. The new window can not be initially positioned offscreen.
- Supported in: , , , , ,
-
- height +
- height
- Specifies the height of the content area, viewing area of the new secondary window in pixels. The height value includes the height of the horizontal scrollbar if present. The minimum required value is 100.
- Note on outerHeight versus height (or innerHeight)
- Supported in: , , , , ,
-
- width +
- width
- Specifies the width of the content area, viewing area of the new secondary window in pixels. The width value includes the width of the vertical scrollbar if present. The width value does not include the sidebar if it is expanded. The minimum required value is 100.
- Supported in: , , , , ,
- screenX diff --git a/files/zh-cn/web/api/window/pageshow_event/index.html b/files/zh-cn/web/api/window/pageshow_event/index.html index d963436147ebd5..a9d67857eb7aa6 100644 --- a/files/zh-cn/web/api/window/pageshow_event/index.html +++ b/files/zh-cn/web/api/window/pageshow_event/index.html @@ -9,18 +9,18 @@
- 规范 -
- HTML5 -
- 接口 -
- PageTransitionEvent -
- 事件冒泡 -
- No -
- 事件取消 -
- No -
- 事件源 -
- Document (dispatched on Window) -
- 默认操作 -
- None +
- 规范 +
- HTML5 +
- 接口 +
- PageTransitionEvent +
- 事件冒泡 +
- No +
- 事件取消 +
- No +
- 事件源 +
- Document (dispatched on Window) +
- 默认操作 +
- None
- Specification -
- HTML5 -
- Interface -
- PopStateEvent -
- Bubbles -
- 是 -
- Cancelable -
- 否 -
- Target -
- defaultView -
- Default Action -
- 无 +
- Specification +
- HTML5 +
- Interface +
- PopStateEvent +
- Bubbles +
- 是 +
- Cancelable +
- 否 +
- Target +
- defaultView +
- Default Action +
- 无
- 规范 -
- DOM L3, CSSOM View -
- 接口 -
- UIEvent -
- 是否冒泡 -
- 否 -
- 是否可取消默认 -
- 否 -
- 事件目标 -
- defaultView (window) -
- 默认行为 -
- None +
- 规范 +
- DOM L3, CSSOM View +
- 接口 +
- UIEvent +
- 是否冒泡 +
- 否 +
- 是否可取消默认 +
- 否 +
- 事件目标 +
- defaultView (window) +
- 默认行为 +
- None
- 规范 -
- Progress -
- 接口 -
- ProgressEvent -
- 可冒泡 -
- 否 -
- 可取消 -
- 否 -
- 触发对象 -
- 例如{{domxref("HTMLImageElement")}} -
- 默认行为 -
- 无 +
- 规范 +
- Progress +
- 接口 +
- ProgressEvent +
- 可冒泡 +
- 否 +
- 可取消 +
- 否 +
- 触发对象 +
- 例如{{domxref("HTMLImageElement")}} +
- 默认行为 +
- 无
- 规范文档 -
- Progress -
- 接口 -
- ProgressEvent -
- 冒泡 -
- No -
- 可取消 -
- No -
- 目标 -
- Element -
- 默认动作 -
- None +
- 规范文档 +
- Progress +
- 接口 +
- ProgressEvent +
- 冒泡 +
- No +
- 可取消 +
- No +
- 目标 +
- Element +
- 默认动作 +
- None
- {{domxref("XMLSerializer.serializeToString", "serializeToString()")}} +
- {{domxref("XMLSerializer.serializeToString", "serializeToString()")}}
- 返回 DOM 子树序列化后的字符串。 -
- {{domxref("XMLSerializer.serializeToStream", "serializeToStream()")}} {{ non-standard_inline }}{{ deprecated_inline }} +
- {{domxref("XMLSerializer.serializeToStream", "serializeToStream()")}} {{ non-standard_inline }}{{ deprecated_inline }}
- 将指定元素的每个子树按照特定的字符集序列化成字节流。
- charset -
- 它是一个 {{cssxref("<string>")}} 表示字符编码被使用。它必须是在被 IANA-registry 声明过的 web-safe 字符编码中的一个，还必须被双引号包围，遵循一个空格字符 (U+0020)，并且立即以分号结束。 如果有多个相关的编码名字，只有被标记为 preferred 的那个才会被使用。 +
- charset +
- 它是一个 {{cssxref("<string>")}} 表示字符编码被使用。它必须是在被 IANA-registry 声明过的 web-safe 字符编码中的一个，还必须被双引号包围，遵循一个空格字符 (U+0020)，并且立即以分号结束。 如果有多个相关的编码名字，只有被标记为 preferred 的那个才会被使用。
- url -
- 是一个表示要引入资源位置的 {{cssxref("<string>")}} 或者 {{cssxref("<uri>")}} 。 这个 URL 可以是绝对路径或者相对路径。 要注意的是这个 URL 不需要指明一个文件； 可以只指明包名，然后合适的文件会被自动选择 (e.g. chrome://communicator/skin/). See here 了解更多。 -
- list-of-media-queries -
- 是一个逗号分隔的 媒体查询 条件列表，决定通过 URL 引入的 CSS 规则 在什么条件下应用。如果浏览器不支持列表中的任何一条媒体查询条件，就不会引入 URL 指明的 CSS 文件。 +
- url +
- 是一个表示要引入资源位置的 {{cssxref("<string>")}} 或者 {{cssxref("<uri>")}} 。 这个 URL 可以是绝对路径或者相对路径。 要注意的是这个 URL 不需要指明一个文件； 可以只指明包名，然后合适的文件会被自动选择 (e.g. chrome://communicator/skin/). See here 了解更多。 +
- list-of-media-queries +
- 是一个逗号分隔的 媒体查询 条件列表，决定通过 URL 引入的 CSS 规则 在什么条件下应用。如果浏览器不支持列表中的任何一条媒体查询条件，就不会引入 URL 指明的 CSS 文件。
- 表示带有以 attr 命名的属性，且属性值是以 value 结尾的元素。
[attr*=value]- 表示带有以 attr 命名的属性，且属性值至少包含一个 value 值的元素。 -
[attr operator value i]
+ [attr operator value i]- 在属性选择器的右方括号前添加一个用空格隔开的字母
i（或I），可以在匹配属性值时忽略大小写（支持 ASCII 字符范围之内的字母）。
- [attr operator value s]{{Experimental_Inline}}
+ [attr operator value s]{{Experimental_Inline}}- 在属性选择器的右方括号前添加一个用空格隔开的字母
s（或S），可以在匹配属性值时区分大小写（支持 ASCII 字符范围之内的字母）。
diff --git a/files/zh-cn/web/css/background-attachment/index.html b/files/zh-cn/web/css/background-attachment/index.html
index 6111405337036a..061c61f6486d56 100644
--- a/files/zh-cn/web/css/background-attachment/index.html
+++ b/files/zh-cn/web/css/background-attachment/index.html
@@ -14,7 +14,6 @@
<attachment>
+ - ">
<attachment> - 参见 {{ cssxref("background-attachment") }} -
<box>
+ - ">
<box> - 参见 {{ cssxref("background-clip") }} 和 {{cssxref("background-origin")}} -
<background-color>
+ - ">
<background-color> - 参见 {{ cssxref("background-color") }} -
<bg-image>
+ - ">
<bg-image> - 参见 {{ Cssxref("background-image") }} -
<position>
+ - ">
<position> - 参见 {{ cssxref("background-position") }} -
<repeat-style>
+ - ">
<repeat-style> - 参见 {{ cssxref("background-repeat") }} -
<bg-size>
+ - ">
<bg-size> - 参见 {{ cssxref("background-size") }}。
- radius -
- Is a {{cssxref("<length>")}} or a {{cssxref("<percentage>")}} denoting the radius of the circle to use for the border in that corner. -
- horizontal -
- Is a {{cssxref("<length>")}} or a {{cssxref("<percentage>")}} denoting the horizontal semi-major axis of the ellipsis to use for the border in that corner. -
- vertical -
- Is a {{cssxref("<length>")}} or a {{cssxref("<percentage>")}} denoting the vertical semi-major axis of the ellipsis to use for the border in that corner. +
- radius +
- Is a {{cssxref("<length>")}} or a {{cssxref("<percentage>")}} denoting the radius of the circle to use for the border in that corner. +
- horizontal +
- Is a {{cssxref("<length>")}} or a {{cssxref("<percentage>")}} denoting the horizontal semi-major axis of the ellipsis to use for the border in that corner. +
- vertical +
- Is a {{cssxref("<length>")}} or a {{cssxref("<percentage>")}} denoting the vertical semi-major axis of the ellipsis to use for the border in that corner.
- radius -
- 可以是
<length>或者<percentage>，表示左上角边框的圆角半径。
- - horizontal -
- 可以是
<length>或者<percentage>，表示椭圆的水平半长轴在被用作边框左上角的半径。
- - vertical -
- 可以是
<length>或者<percentage>，表示椭圆的垂直半长轴在被用作边框左上角的半径。
+ - radius +
- 可以是
<length>或者<percentage>，表示左上角边框的圆角半径。
+ - horizontal +
- 可以是
<length>或者<percentage>，表示椭圆的水平半长轴在被用作边框左上角的半径。
+ - vertical +
- 可以是
<length>或者<percentage>，表示椭圆的垂直半长轴在被用作边框左上角的半径。 - radius -
- 这是一个{{cssxref("<length>")}}或者一个{{cssxref("<percentage>")}}，标志着圆的半径在这个拐角用作边框。 -
- horizontal -
- 这是一个{{cssxref("<length>")}}或者一个{{cssxref("<percentage>")}} ，标志着椭圆的水平半长轴在这个拐角被用作边框。 -
- vertical -
- 这是一个{{cssxref("<length>")}}或者一个{{cssxref("<percentage>")}}，标志着椭圆的垂直半长轴在这个拐角被用作边框。 +
- radius +
- 这是一个{{cssxref("<length>")}}或者一个{{cssxref("<percentage>")}}，标志着圆的半径在这个拐角用作边框。 +
- horizontal +
- 这是一个{{cssxref("<length>")}}或者一个{{cssxref("<percentage>")}} ，标志着椭圆的水平半长轴在这个拐角被用作边框。 +
- vertical +
- 这是一个{{cssxref("<length>")}}或者一个{{cssxref("<percentage>")}}，标志着椭圆的垂直半长轴在这个拐角被用作边框。
- 内容区 @@ -30,17 +30,17 @@
- 如果 position 属性为
static、relative或sticky，包含块可能由它的最近的祖先块元素（比如说 inline-block, block 或 list-item 元素）的内容区的边缘组成，也可能会建立格式化上下文 (比如说 a table container, flex container, grid container, 或者是 the block container 自身)。
@@ -57,12 +57,12 @@ - 要计算 {{cssxref("height")}} {{cssxref("top")}} 及 {{cssxref("bottom")}} 中的百分值，是通过包含块的
height的值。如果包含块的height值会根据它的内容变化，而且包含块的position属性的值被赋予relative或static，那么，这些值的计算值为 auto。
@@ -71,7 +71,7 @@ - {{ cssxref("animation-delay") }} @@ -50,7 +50,7 @@
- 指定动画执行前后如何为目标元素应用样式。
- Block dimension +
- Block dimension
- The dimension perpendicular to the flow of text within a line, i.e., the vertical dimension in horizontal writing modes, and the horizontal dimension in vertical writing modes. For standard English text, it is the vertical dimension. -
- Inline dimension +
- Inline dimension
- The dimension parallel to the flow of text within a line, i.e., the horizontal dimension in horizontal writing modes, and the vertical dimension in vertical writing modes. For standard English text, it is the horizontal dimension.
- 最初，"flex-basis:auto" 的含义是 "参照我的
width和height属性".
diff --git a/files/zh-cn/web/css/flex/index.html b/files/zh-cn/web/css/flex/index.html
index e3699e57d013ff..cb7e4ec7d44e0a 100644
--- a/files/zh-cn/web/css/flex/index.html
+++ b/files/zh-cn/web/css/flex/index.html
@@ -16,7 +16,6 @@
auto
+ auto- 元素会根据自身的宽度与高度来确定尺寸，但是会伸长并吸收 flex 容器中额外的自由空间，也会缩短自身来适应 flex 容器。这相当于将属性设置为 "
flex: 1 1 auto".
- none
+ none- 元素会根据自身宽高来设置尺寸。它是完全非弹性的：既不会缩短，也不会伸长来适应 flex 容器。相当于将属性设置为"
flex: 0 0 auto"。 <'flex-grow'>- 定义 flex 项目的 {{cssxref("flex-grow")}} 。负值无效。省略时默认值为 1。 (初始值为
0)
diff --git a/files/zh-cn/web/css/font-family/index.html b/files/zh-cn/web/css/font-family/index.html
index f6d77c6cfc6c47..0bcf0f023fcbe8 100644
--- a/files/zh-cn/web/css/font-family/index.html
+++ b/files/zh-cn/web/css/font-family/index.html
@@ -64,19 +64,19 @@ serif
- - 带衬线字体，笔画结尾有特殊的装饰线或衬线。
+- 带衬线字体，笔画结尾有特殊的装饰线或衬线。
例如：Lucida Bright, Lucida Fax, Palatino, "Palatino Linotype", Palladio, "URW Palladio", serif. - 带衬线字体，笔画结尾有特殊的装饰线或衬线。
sans-serif
- - 无衬线字体，即笔画结尾是平滑的字体。
+- 无衬线字体，即笔画结尾是平滑的字体。
例如， "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif. - 无衬线字体，即笔画结尾是平滑的字体。
monospace
- - 等宽字体，即字体中每个字宽度相同。
+- 等宽字体，即字体中每个字宽度相同。
例如， "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace. - 等宽字体，即字体中每个字宽度相同。
cursive
- - 草书字体。这种字体有的有连笔，有的还有特殊的斜体效果。因为一般这种字体都有一点连笔效果，所以会给人一种手写的感觉。
+- 草书字体。这种字体有的有连笔，有的还有特殊的斜体效果。因为一般这种字体都有一点连笔效果，所以会给人一种手写的感觉。
例如，"Brush Script MT", "Brush Script Std", "Lucida Calligraphy", "Lucida Handwriting", "Apple Chancery", cursive. - 草书字体。这种字体有的有连笔，有的还有特殊的斜体效果。因为一般这种字体都有一点连笔效果，所以会给人一种手写的感觉。
fantasy
- - Fantasy 字体主要是那些具有特殊艺术效果的字体。
+- Fantasy 字体主要是那些具有特殊艺术效果的字体。
例如，Papyrus, Herculanum, Party LET, Curlz MT, Harrington, fantasy. - Fantasy 字体主要是那些具有特殊艺术效果的字体。
system-ui- 从浏览器所处平台处获取的默认用户界面字体。由于世界各地的排版习惯之间有很大的差异，这个通用选项 is provided for typefaces that don't map cleanly into the other generics. diff --git a/files/zh-cn/web/css/font-variant-caps/index.html b/files/zh-cn/web/css/font-variant-caps/index.html index 4fb711e62ae391..267a1170214f55 100644 --- a/files/zh-cn/web/css/font-variant-caps/index.html +++ b/files/zh-cn/web/css/font-variant-caps/index.html @@ -14,7 +14,6 @@
-
系统字体
- caption
+ caption- 用于标题控件（如按钮，下拉列表等）的系统字体。 -
icon
+ icon- 用于标签图标的系统字体。 - +
menu- 菜单中（如下拉菜单和菜单列表）使用的系统字体。 -
message-box
+ message-box- 用于对话框的系统字体。 -
small-caption
+ small-caption- 用于小标题控件的系统字体。 -
status-bar
+ status-bar- 用于窗口状态栏的系统字体。
- 系统关键字前缀
- 浏览器经常会多实现几个带前缀的关键字；Gecko 实现了
-moz-window,-moz-document,-moz-desktop,-moz-info,-moz-dialog,-moz-button,-moz-pull-down-menu,-moz-list, 和-moz-field.
@@ -109,7 +109,7 @@ - 该关键字表明该属性未指定该如何纺织网格项目。网格项目会被以默认跨度（span）
1自动放置。 <custom-ident>自定义关键字数据类型- 如果存在以 '
<custom-ident>-start'/'<custom-ident>-end' 命名的自定义基线，它会将第一个这样的基线贡献给网格单元以布置。 -注意： 被命名的网格区域（grid areas）会自动生成隐式的被命名的基线，因此指定
+grid-row: foo;将会选择这个命名区域的开始和结束的边界（除非在它之前存在显式指定的以foo-start/foo-end命名的其他基线）。注意： 被命名的网格区域（grid areas）会自动生成隐式的被命名的基线，因此指定
grid-row: foo;将会选择这个命名区域的开始和结束的边界（除非在它之前存在显式指定的以foo-start/foo-end命名的其他基线）。否则，它就会被当作整数
1与<custom-ident>一起指定。
diff --git a/files/zh-cn/web/css/grid-auto-columns/index.html b/files/zh-cn/web/css/grid-auto-columns/index.html
index 5726aea2185f3f..163f4371f64602 100644
--- a/files/zh-cn/web/css/grid-auto-columns/index.html
+++ b/files/zh-cn/web/css/grid-auto-columns/index.html
@@ -79,7 +79,7 @@ auto- 如果该网格轨道为最大时，该属性等同于
<max-content>，为最小时，则等同于<min-content>。 -
-
Note:
+auto轨道尺寸 (且只为auto值时) 才可以被 {{cssxref("align-content")}} 和 {{cssxref("justify-content")}} 属性拉伸。Note:
auto轨道尺寸 (且只为auto值时) 才可以被 {{cssxref("align-content")}} 和 {{cssxref("justify-content")}} 属性拉伸。 auto- 关键字，当用来指定最大值时与最大内容一致，当用来指定最小值时，它表示轨道中所有网格元素最小尺寸中的最大值（由{{cssxref("min-width")}}/{{cssxref("min-height")}}指定）。
-
-
注意：
+auto轨道尺寸（且仅有auto轨道尺寸）可配合{{cssxref("align-content")}} 和{{cssxref("justify-content")}} 属性使用。注意：
auto轨道尺寸（且仅有auto轨道尺寸）可配合{{cssxref("align-content")}} 和{{cssxref("justify-content")}} 属性使用。 - 表示对网格的布置行为不做干涉，即自动布置，自动的 span 或者默认 span 值为 1。
<custom-ident>- 如果存在自定义的基线名（'<custom-ident>-start'/'<custom-ident>-end'），它就将第一个这样的基线贡献给网格单元。
-
注意： 被命名的网格区域（grid areas）会自动生成隐式的被命名的基线，因此指定
+grid-row: foo;将会选择这个命名区域的开始和结束的边界（除非在它之前存在显式指定的以foo-start/foo-end命名的其他基线）。注意： 被命名的网格区域（grid areas）会自动生成隐式的被命名的基线，因此指定
grid-row: foo;将会选择这个命名区域的开始和结束的边界（除非在它之前存在显式指定的以foo-start/foo-end命名的其他基线）。否则，它就会被当作整数
1与<custom-ident>一起指定。
diff --git a/files/zh-cn/web/css/grid-template-columns/index.html b/files/zh-cn/web/css/grid-template-columns/index.html
index cad866d27725ed..f313d905f29bc0 100644
--- a/files/zh-cn/web/css/grid-template-columns/index.html
+++ b/files/zh-cn/web/css/grid-template-columns/index.html
@@ -52,21 +52,21 @@ - 为了遵守网格的百分比，网格轨道本身定义的大小，将自动被调整为相对网格容器大小，并且是以最小量将网格轨道调整到最终的大小。
- {{cssxref("<flex>")}}
- 非负值，用单位
fr来定义网格轨道大小的弹性系数。 每个定义了<flex>的网格轨道会按比例分配剩余的可用空间。当外层用一个minmax()表示时，它将是一个自动最小值 (即minmax(auto, <flex>)) .
- max-content
+ max-content- 是一个用来表示以网格项的最大的内容来占据网格轨道的关键字。
min-content- 是一个用来表示以网格项的最大的最小内容来占据网格轨道的关键字。
- {{cssxref("minmax", "minmax(min, max)")}}
- 是一个来定义大小范围的属性，大于等于 min 值，并且小于等于 max 值。如果 max 值小于 min 值，则该值会被视为 min 值。最大值可以设置为网格轨道系数值
<flex>，但最小值则不行。 -
-
Note: 该规范在将来可能会允许设置最小值为
+flex，也会调整网格轨道算法 (track sizing algorithm) 计算出正确的大小。Note: 该规范在将来可能会允许设置最小值为
flex，也会调整网格轨道算法 (track sizing algorithm) 计算出正确的大小。
- auto
+ auto- 如果该网格轨道为最大时，该属性等同于
<max-content>，为最小时，则等同于<min-content>。 -
-
Note: 网格轨道大小为
+auto(且只有为auto) 时，才可以被属性{{cssxref("align-content")}} 和 {{cssxref("justify-content")}} 拉伸。Note: 网格轨道大小为
auto(且只有为auto) 时，才可以被属性{{cssxref("align-content")}} 和 {{cssxref("justify-content")}} 拉伸。
- {{cssxref("fit-content", "fit-content( [ <length> | <percentage> ] )")}}
+ {{cssxref("fit-content", "fit-content( [ <length> | <percentage> ] )")}}- 相当于公式
min(max-content, max(auto, argument))，类似于auto的计算 (即minmax(auto, max-content))，除了网格轨道大小值是确定下来的，否则该值都大于auto的最小值。 - {{cssxref("repeat", "repeat( [ <positive-integer> | auto-fill | auto-fit ] , <track-list> )")}}
- 表示网格轨道的重复部分，以一种更简洁的方式去表示大量而且重复列的表达式。 diff --git a/files/zh-cn/web/css/grid-template-rows/index.html b/files/zh-cn/web/css/grid-template-rows/index.html index 3e98ef18969f90..f0b46e255c9535 100644 --- a/files/zh-cn/web/css/grid-template-rows/index.html +++ b/files/zh-cn/web/css/grid-template-rows/index.html @@ -68,12 +68,12 @@
- {{cssxref("minmax", "minmax(min, max)")}}
- 是一个来定义大小范围的属性，大于等于 min 值，并且小于等于 max 值。如果 max 值小于 min 值，则该值会被视为 min 值。最大值可以设置为网格轨道系数值
<flex>，但最小值则不行。 -
-
Note: 该规范在将来可能会允许设置最小值为
+flex，也会调整网格轨道算法 (track sizing algorithm) 计算出正确的大小。Note: 该规范在将来可能会允许设置最小值为
flex，也会调整网格轨道算法 (track sizing algorithm) 计算出正确的大小。 auto- 如果该网格轨道为最大时，该属性等同于
<max-content>，为最小时，则等同于<min-content>。 -
-
Note: 网格轨道大小为
+auto(且只有为auto) 时，才可以被属性{{cssxref("align-content")}} 和 {{cssxref("justify-content")}} 拉伸。Note: 网格轨道大小为
auto(且只有为auto) 时，才可以被属性{{cssxref("align-content")}} 和 {{cssxref("justify-content")}} 拉伸。 - {{cssxref("fit-content", "fit-content( [ <length> | <percentage> ] )")}}
- 相当于公式
min(max-content, max(auto, argument))，类似于auto的计算 (即minmax(auto, max-content))，除了网格轨道大小值是确定下来的，否则该值都大于auto的最小值。
diff --git a/files/zh-cn/web/css/grid-template/index.html b/files/zh-cn/web/css/grid-template/index.html
index 68cda76558fc34..3080b48dbdef01 100644
--- a/files/zh-cn/web/css/grid-template/index.html
+++ b/files/zh-cn/web/css/grid-template/index.html
@@ -49,11 +49,11 @@ [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?- 设{{cssxref("grid-template-areas")}}为列得
<string>、{{cssxref("grid-template-columns")}}为<explicit-track-list>（默认为none）、{{cssxref("grid-template-rows")}}为<track-size>（默认为auto）并拼接尺寸前后所定义之行。
-注：轨道被用以与“ASCII art”（即字符画，此处指
+<string>）中行列逐一视觉对齐，故<explicit-track-list>中不允许{{cssxref("repeat()")}}。注：轨道被用以与“ASCII art”（即字符画，此处指
<string>）中行列逐一视觉对齐，故<explicit-track-list>中不允许{{cssxref("repeat()")}}。
- auto
- - 自 Gecko 1.9（Firefox 3.0）起，Gecko 使用双线性（bilinear）算法进行重新采样（高质量）。 +
- 自 Gecko 1.9（Firefox 3.0）起，Gecko 使用双线性（bilinear）算法进行重新采样（高质量）。
smooth{{Experimental_Inline}}- 应使用能最大化图像客观观感的算法来缩放图像。特别地，会“平滑”颜色的缩放算法是可以接受的，例如双线性插值。这适用于照片等类型的图像。
high-quality{{Experimental_Inline}}
基本信息
-
-
属性
diff --git a/files/zh-cn/web/api/window/popstate_event/index.html b/files/zh-cn/web/api/window/popstate_event/index.html index d8451938073160..e544e4d803803d 100644 --- a/files/zh-cn/web/api/window/popstate_event/index.html +++ b/files/zh-cn/web/api/window/popstate_event/index.html @@ -14,18 +14,18 @@常规信息
-
-
属性
diff --git a/files/zh-cn/web/api/window/resize_event/index.html b/files/zh-cn/web/api/window/resize_event/index.html index 32c84defeae524..c46b04889bb310 100644 --- a/files/zh-cn/web/api/window/resize_event/index.html +++ b/files/zh-cn/web/api/window/resize_event/index.html @@ -3,23 +3,23 @@ slug: Web/API/Window/resize_event translation_of: Web/API/Window/resize_event --- -文档视图调整大小时会触发 resize 事件。
+文档视图调整大小时会触发 resize 事件。
基本信息
-
-
属性
@@ -68,7 +68,7 @@属性
案例
-由于 resize 事件可以以较高的速率触发，因此事件处理程序不应该执行计算开销很大的操作 (如 DOM 修改)。相反，建议使用requestAnimationFrame, setTimeout or customEvent, 比如：
+由于 resize 事件可以以较高的速率触发，因此事件处理程序不应该执行计算开销很大的操作 (如 DOM 修改)。相反，建议使用requestAnimationFrame, setTimeout or customEvent, 比如：
requestAnimationFrame + customEvent
diff --git a/files/zh-cn/web/api/window/scrollbylines/index.html b/files/zh-cn/web/api/window/scrollbylines/index.html index f0c61a328a01ac..5a245d9f19622f 100644 --- a/files/zh-cn/web/api/window/scrollbylines/index.html +++ b/files/zh-cn/web/api/window/scrollbylines/index.html @@ -16,7 +16,7 @@{{Non-standard_header}}
+{{Non-standard_header}}
概要
@@ -47,7 +47,7 @@例子
规范
-这不是任何规范的一部分。
+这不是任何规范的一部分。
参考
diff --git a/files/zh-cn/web/api/window/scrollmaxx/index.html b/files/zh-cn/web/api/window/scrollmaxx/index.html index c6cebd7d02aee1..7c7420cd454d1c 100644 --- a/files/zh-cn/web/api/window/scrollmaxx/index.html +++ b/files/zh-cn/web/api/window/scrollmaxx/index.html @@ -36,7 +36,7 @@提示
规范
-不属于任何规范。
+不属于任何规范。
浏览器兼容
diff --git a/files/zh-cn/web/api/window/scrollmaxy/index.html b/files/zh-cn/web/api/window/scrollmaxy/index.html index a3418e986b37e6..bcbe10085147f0 100644 --- a/files/zh-cn/web/api/window/scrollmaxy/index.html +++ b/files/zh-cn/web/api/window/scrollmaxy/index.html @@ -39,7 +39,7 @@备注
规范
-这不属于任何规范中的一部分。
+这不属于任何规范中的一部分。
浏览器兼容性
diff --git a/files/zh-cn/web/api/window/setcursor/index.html b/files/zh-cn/web/api/window/setcursor/index.html index f276f7a0ded895..7ef8942b920db4 100644 --- a/files/zh-cn/web/api/window/setcursor/index.html +++ b/files/zh-cn/web/api/window/setcursor/index.html @@ -6,7 +6,7 @@{{Non-standard_header}}
+{{Non-standard_header}}
提示
规范
-这不是任何规范的一部分
+这不是任何规范的一部分
diff --git a/files/zh-cn/web/api/xmlhttprequest/loadend_event/index.html b/files/zh-cn/web/api/xmlhttprequest/loadend_event/index.html index a11ba4ff40642c..5e445908b97459 100644 --- a/files/zh-cn/web/api/xmlhttprequest/loadend_event/index.html +++ b/files/zh-cn/web/api/xmlhttprequest/loadend_event/index.html @@ -9,18 +9,18 @@General info
-
-
Properties
diff --git a/files/zh-cn/web/api/xmlhttprequest/loadstart_event/index.html b/files/zh-cn/web/api/xmlhttprequest/loadstart_event/index.html index 96a39c5026b9e7..f7f52c232c35c2 100644 --- a/files/zh-cn/web/api/xmlhttprequest/loadstart_event/index.html +++ b/files/zh-cn/web/api/xmlhttprequest/loadstart_event/index.html @@ -11,18 +11,18 @@基本信息
-
-
属性
diff --git a/files/zh-cn/web/api/xmlserializer/index.html b/files/zh-cn/web/api/xmlserializer/index.html index 6d0d5824b8dfe2..fb941768fb061a 100644 --- a/files/zh-cn/web/api/xmlserializer/index.html +++ b/files/zh-cn/web/api/xmlserializer/index.html @@ -17,9 +17,9 @@方法
-
-
如果使用了 {{Cssxref("-webkit-mask-image")}}, -webkit-mask-attachment 将指定蒙版在视口的位置是固定的，还是同包含块一起滚动的。
如果使用了 {{Cssxref("-webkit-mask-image")}}, -webkit-mask-attachment 将指定蒙版在视口的位置是固定的，还是同包含块一起滚动的。
/* 关键字 */ -webkit-mask-attachment: scroll; diff --git a/files/zh-cn/web/css/@charset/index.html b/files/zh-cn/web/css/@charset/index.html index 6a2aaa768e698c..1373436392bdb7 100644 --- a/files/zh-cn/web/css/@charset/index.html +++ b/files/zh-cn/web/css/@charset/index.html @@ -34,8 +34,8 @@语法
where:
-
-
语法格式
diff --git a/files/zh-cn/web/css/@import/index.html b/files/zh-cn/web/css/@import/index.html index f8eca0397a9093..529c51d850f6af 100644 --- a/files/zh-cn/web/css/@import/index.html +++ b/files/zh-cn/web/css/@import/index.html @@ -23,10 +23,10 @@语法
其中：
-
-
正规语法
diff --git a/files/zh-cn/web/css/_colon_indeterminate/index.html b/files/zh-cn/web/css/_colon_indeterminate/index.html index 9a52228091ea05..9af1c2ade53340 100644 --- a/files/zh-cn/web/css/_colon_indeterminate/index.html +++ b/files/zh-cn/web/css/_colon_indeterminate/index.html @@ -5,7 +5,7 @@ ---:indeterminate CSS 伪类 表示状态不确定的表单元素：
:indeterminate CSS 伪类 表示状态不确定的表单元素：
/* Selects any <input> whose state is indeterminate */
input:indeterminate {
diff --git a/files/zh-cn/web/css/_colon_last-of-type/index.html b/files/zh-cn/web/css/_colon_last-of-type/index.html
index 421af1dacc35d2..36bde001c1cba2 100644
--- a/files/zh-cn/web/css/_colon_last-of-type/index.html
+++ b/files/zh-cn/web/css/_colon_last-of-type/index.html
@@ -41,7 +41,7 @@ 示例
<strong>我也没有颜色 :(</strong>
</p>结果如下：
+结果如下：
{{ CSSRef() }}
-CSS 伪元素 ::first-letter会选中某 block-level element（块级元素）第一行的第一个字母，并且文字所处的行之前没有其他内容（如图片和内联的表格）。
CSS 伪元素 ::first-letter会选中某 block-level element（块级元素）第一行的第一个字母，并且文字所处的行之前没有其他内容（如图片和内联的表格）。
/* Selects the first letter of a <p> */
p::first-letter {
diff --git a/files/zh-cn/web/css/_doublecolon_first-line/index.html b/files/zh-cn/web/css/_doublecolon_first-line/index.html
index 2b43e8eba96d87..68b1205faf50a8 100644
--- a/files/zh-cn/web/css/_doublecolon_first-line/index.html
+++ b/files/zh-cn/web/css/_doublecolon_first-line/index.html
@@ -5,7 +5,7 @@
---
{{ CSSRef() }}
-::first-line CSS pseudo-element （CSS 伪元素）在某 block-level element （块级元素）的第一行应用样式。第一行的长度取决于很多因素，包括元素宽度，文档宽度和文本的文字大小。
+::first-line CSS pseudo-element （CSS 伪元素）在某 block-level element （块级元素）的第一行应用样式。第一行的长度取决于很多因素，包括元素宽度，文档宽度和文本的文字大小。
和其他所有的 伪元素一样，::first-line 不能匹配任何真实存在的 html 元素。
diff --git a/files/zh-cn/web/css/all/index.html b/files/zh-cn/web/css/all/index.html
index 32afe96235d517..7a1e4ac0ae90f9 100644
--- a/files/zh-cn/web/css/all/index.html
+++ b/files/zh-cn/web/css/all/index.html
@@ -76,7 +76,7 @@ CSS
}
结果
+结果
没有 all 属性
diff --git a/files/zh-cn/web/css/attribute_selectors/index.html b/files/zh-cn/web/css/attribute_selectors/index.html
index 6793eaaf08a18b..cda3dc1bfaf9dd 100644
--- a/files/zh-cn/web/css/attribute_selectors/index.html
+++ b/files/zh-cn/web/css/attribute_selectors/index.html
@@ -54,9 +54,9 @@ 语法
该交互式示例网页的源码存储在 GitHub 中，如果你想为该网页项目做点贡献的话，请进此链接 https://github.com/mdn/interactive-examples 并给我们一个请求加入的回复。
语法
diff --git a/files/zh-cn/web/css/background-clip/index.html b/files/zh-cn/web/css/background-clip/index.html index 465befcd8c7046..69710f7b60d193 100644 --- a/files/zh-cn/web/css/background-clip/index.html +++ b/files/zh-cn/web/css/background-clip/index.html @@ -15,7 +15,6 @@此交互样例的源代码被储存在 GitHub 库中。如果你想要对此交互样例工程有代码贡献，请点击 https://github.com/mdn/interactive-examples并向我们发送拉取请求
如果没有设置背景图片（{{cssxref("background-image")}}）或背景颜色（{{cssxref("background-color")}}），那么这个属性只有在边框（ {{cssxref("border")}}）被设置为非固实（soild）、透明或半透明时才能看到视觉效果（与 {{cssxref("border-style")}} 或 {{cssxref("border-image")}} 有关），否则，本属性产生的样式变化会被边框覆盖。
diff --git a/files/zh-cn/web/css/background-image/index.html b/files/zh-cn/web/css/background-image/index.html index 86259329f503c7..a9c5b96344c09e 100644 --- a/files/zh-cn/web/css/background-image/index.html +++ b/files/zh-cn/web/css/background-image/index.html @@ -14,7 +14,6 @@此交互实例的代码被存储于 Github 仓库。如果你想对这些交互实例贡献代码，请 clone https://github.com/mdn/interactive-examples 并向我们发起拉取请求。
在绘制时，图像以 z 方向堆叠的方式进行。先指定的图像会在之后指定的图像上面绘制。因此指定的第一个图像“最接近用户”。
diff --git a/files/zh-cn/web/css/background/index.html b/files/zh-cn/web/css/background/index.html index 5725acccb3a34c..d9008d5e1d0ffc 100644 --- a/files/zh-cn/web/css/background/index.html +++ b/files/zh-cn/web/css/background/index.html @@ -61,19 +61,19 @@值
下面的一个或多个值，可以按任意顺序放置：
-
-
这个交互例子的源码存在 Githubd 的仓库中。如果你想为这个交互例子的项目做一份贡献，请从 https://github.com/mdn/interactive-examples克隆此项目并给我们发送一个 pull 请求。
语句
diff --git a/files/zh-cn/web/css/border-block-end/index.html b/files/zh-cn/web/css/border-block-end/index.html index d6800a2f333662..e0643a827dd91f 100644 --- a/files/zh-cn/web/css/border-block-end/index.html +++ b/files/zh-cn/web/css/border-block-end/index.html @@ -9,7 +9,6 @@该交互式示例的源码存储在 GitHub 存储库中。如果你想参与该项目的开发，请克隆 https://github.com/mdn/interactive-examples 并向我们发送拉取代码请求
Syntax
diff --git a/files/zh-cn/web/css/border-bottom-left-radius/index.html b/files/zh-cn/web/css/border-bottom-left-radius/index.html index 1a51fa7dfb8b5c..9a88d04b92860d 100644 --- a/files/zh-cn/web/css/border-bottom-left-radius/index.html +++ b/files/zh-cn/web/css/border-bottom-left-radius/index.html @@ -36,12 +36,12 @@语法
where:
-
-
语法
属性值：
-
-
语
之上：
-
-
示例
A mix of values and lengths
-HTML
+HTML
<p id="sval"> one value: 6px wide border on all 4 sides</p> diff --git a/files/zh-cn/web/css/box-orient/index.html b/files/zh-cn/web/css/box-orient/index.html index fdf657c010fa2a..8db01116eaad06 100644 --- a/files/zh-cn/web/css/box-orient/index.html +++ b/files/zh-cn/web/css/box-orient/index.html @@ -4,7 +4,7 @@ translation_of: Web/CSS/box-orient ----{{CSSRef}}{{Non-standard_header}} -这是原始的 css 弹性布局草案的一个属性，已经被最新的标准替代。查看 flexbox 了解现行标准。
+这是原始的 css 弹性布局草案的一个属性，已经被最新的标准替代。查看 flexbox 了解现行标准。
diff --git a/files/zh-cn/web/css/box-sizing/index.html b/files/zh-cn/web/css/box-sizing/index.html index a4d9306f9179b6..a05d49ab94f359 100644 --- a/files/zh-cn/web/css/box-sizing/index.html +++ b/files/zh-cn/web/css/box-sizing/index.html @@ -38,7 +38,7 @@
box-orientCSS 属性用来设置一个元素是水平还是垂直布局其内容。diff --git a/files/zh-cn/web/css/child_combinator/index.html b/files/zh-cn/web/css/child_combinator/index.html index 9cf360e2431857..eb154f60f01529 100644 --- a/files/zh-cn/web/css/child_combinator/index.html +++ b/files/zh-cn/web/css/child_combinator/index.html @@ -37,7 +37,7 @@Note: 对于新的 web 站点，你可能希望首先将 box-sizing 设置为 border-box，如下所示：
-* { box-sizing: border-box; }
+* { box-sizing: border-box; }这使得处理元素大小的工作变得容易得多，并且通常消除了在布局内容时可能遇到的许多陷阱。然而，在某些情况下，你应谨慎使用这个属性。例如：你正在编写一个将由其他人使用的共享组件库，如果他们网站的其余部分没有设置此值，他们可能会发现很难使用你的组件库。
示例
会得到下面的效果：
-Span 1. In the div. Span 2. In the span that's in the div.
+Span 1. In the div. Span 2. In the span that's in the div.
Span 3. Not in a div at all.规范
diff --git a/files/zh-cn/web/css/clip/index.html b/files/zh-cn/web/css/clip/index.html index c097e4bf5f1356..c6cc31c8ba26a3 100644 --- a/files/zh-cn/web/css/clip/index.html +++ b/files/zh-cn/web/css/clip/index.html @@ -59,7 +59,7 @@示例
/* 非标准语法，但是包括火狐与 IE 在内的主要浏览器均支持 */ }
规范
diff --git a/files/zh-cn/web/css/containing_block/index.html b/files/zh-cn/web/css/containing_block/index.html index 20433b5c810208..d74f60980e27cc 100644 --- a/files/zh-cn/web/css/containing_block/index.html +++ b/files/zh-cn/web/css/containing_block/index.html @@ -17,9 +17,9 @@ ---{{cssref}}
-一个元素的尺寸和位置经常受其包含块 (containing block)的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。在本文中，我们来过一遍确定包含块的所有因素。
+一个元素的尺寸和位置经常受其包含块 (containing block)的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。在本文中，我们来过一遍确定包含块的所有因素。
-当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都被划分为四个区域：
+当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都被划分为四个区域：
许多开发者认为一个元素的包含块就是他的父元素的内容区。但事实并非如此。接下来让我们来看看，确定元素包含块的因素都有哪些。
+许多开发者认为一个元素的包含块就是他的父元素的内容区。但事实并非如此。接下来让我们来看看，确定元素包含块的因素都有哪些。
包含块的影响
-在学习如何确定元素包含块之前，先了解一下它的重要性。
+在学习如何确定元素包含块之前，先了解一下它的重要性。
-元素的尺寸及位置，常常会受它的包含块所影响。对于一些属性，例如 {{cssxref("width")}}, {{cssxref("height")}}, {{cssxref("padding")}}, {{cssxref("margin")}}，绝对定位元素的偏移值（比如 {{cssxref("position")}} 被设置为 absolute 或 fixed），当我们对其赋予百分比值时，这些值的计算值，就是通过元素的包含块计算得来。
元素的尺寸及位置，常常会受它的包含块所影响。对于一些属性，例如 {{cssxref("width")}}, {{cssxref("height")}}, {{cssxref("padding")}}, {{cssxref("margin")}}，绝对定位元素的偏移值（比如 {{cssxref("position")}} 被设置为 absolute 或 fixed），当我们对其赋予百分比值时，这些值的计算值，就是通过元素的包含块计算得来。
确定包含块
-确定一个元素的包含块的过程完全依赖于这个元素的 {{cssxref("position")}} 属性：
+确定一个元素的包含块的过程完全依赖于这个元素的 {{cssxref("position")}} 属性：
确定包含块
注意：根元素 (<html>) 所在的包含块是一个被称为初始包含块的矩形。他的尺寸是视口 viewport (for continuous media) 或分页媒体 page media (for paged media).
+注意：根元素 (<html>) 所在的包含块是一个被称为初始包含块的矩形。他的尺寸是视口 viewport (for continuous media) 或分页媒体 page media (for paged media).
根据包含块计算百分值
-如上所述，如果某些属性被赋予一个百分值的话，它的计算值是由这个元素的包含块计算而来的。这些属性包括盒模型属性和偏移属性：
+如上所述，如果某些属性被赋予一个百分值的话，它的计算值是由这个元素的包含块计算而来的。这些属性包括盒模型属性和偏移属性：
根据包含块计算百分值
示例
-
接下来的示例，都使用如下 HTML 代码：
+接下来的示例，都使用如下 HTML 代码：
<body> <section> @@ -79,7 +79,7 @@-示例
</section> </body>
下面的示例，只有 CSS 不同。
+下面的示例，只有 CSS 不同。
Example 1
diff --git a/files/zh-cn/web/css/counter-reset/index.html b/files/zh-cn/web/css/counter-reset/index.html index 7eaae75b381019..c91cb5348bd573 100644 --- a/files/zh-cn/web/css/counter-reset/index.html +++ b/files/zh-cn/web/css/counter-reset/index.html @@ -5,7 +5,7 @@ ---
+
counter-reset 属性用于将 CSS 计数器 重置为制定值
{{EmbedInteractiveExample("pages/css/counter-reset.html")}}
diff --git a/files/zh-cn/web/css/css_animations/using_css_animations/index.html b/files/zh-cn/web/css/css_animations/using_css_animations/index.html index bad6fbb12dbcd4..cd25b47ab48b52 100644 --- a/files/zh-cn/web/css/css_animations/using_css_animations/index.html +++ b/files/zh-cn/web/css/css_animations/using_css_animations/index.html @@ -29,7 +29,7 @@配置动画
{{cssxref("animation")}} 的子属性有：
-+
配置动画
+
使用 keyframes 定义动画序列
@@ -58,9 +58,9 @@使用 keyframes 定义动画序列
因为动画的时间设置是通过 CSS 样式定义的，关键帧使用 {{cssxref("percentage")}} 来指定动画发生的时间点。0% 表示动画的第一时刻，100% 表示动画的最终时刻。因为这两个时间点十分重要，所以还有特殊的别名：from 和 to。这两个都是可选的，若 from/0% 或 to/100% 未指定，则浏览器使用计算值开始或结束动画。
也可包含额外可选的关键帧，描述动画开始和结束之间的状态。
+也可包含额外可选的关键帧，描述动画开始和结束之间的状态。
-+
示例
@@ -105,9 +105,9 @@文本滑过浏览器窗口
增加关键帧
-让我们给上面的示例中添加一个关键帧，比如标题的字号先变大然后恢复正常，添加这个关键帧十分简单：
+让我们给上面的示例中添加一个关键帧，比如标题的字号先变大然后恢复正常，添加这个关键帧十分简单：
-+
75% {
font-size: 300%;
@@ -301,7 +301,7 @@ 接收事件
document.getElementById("output").appendChild(l);
}
-这段代码同样非常简单，简单地通过{{ domxref("event.type") }}来判断发生的是何种事件，然后添加对应的注解到{{ HTMLElement("ul") }}中。
+这段代码同样非常简单，简单地通过{{ domxref("event.type") }}来判断发生的是何种事件，然后添加对应的注解到{{ HTMLElement("ul") }}中。
输出结果如下所示：
diff --git a/files/zh-cn/web/css/css_columns/using_multi-column_layouts/index.html b/files/zh-cn/web/css/css_columns/using_multi-column_layouts/index.html index b1764ef89884ff..c0d9e6d96e875b 100644 --- a/files/zh-cn/web/css/css_columns/using_multi-column_layouts/index.html +++ b/files/zh-cn/web/css/css_columns/using_multi-column_layouts/index.html @@ -28,7 +28,7 @@列计数器和宽度
会以两列的方式显示内容：(如果你正使用支持多列布局的浏览器的话):
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
属性 column-width 设置期望的最小列宽。如果 column-count 没有设置，那么浏览器就会以合适的宽度尽量显示更多的列。
列计数器和宽度
变成：
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
详细细节在 CSS3 规范 中。
@@ -62,7 +62,7 @@columns 属性简写
qui officia deserunt mollit anim id est laborum</div>
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
CSS 声明 column-count:4 可替换成：
columns 属性简写
qui officia deserunt mollit anim id est laborum</div>
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
CSS 声明 column-width:8em 和 column-count:12 可替换成：
columns 属性简写
qui officia deserunt mollit anim id est laborum</div>
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
高度平衡
@@ -106,7 +106,7 @@列间隙
qui officia deserunt mollit anim id est laborum</div> -Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
优雅降级
diff --git a/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html b/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html index acef366382d93c..bb054a8c5544c6 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html @@ -76,7 +76,7 @@正负自由空间
我们需要理解 positive free space 的分配和 negative free space 的移除，这样才能理解 flex 属性。
-下面的例子我会将属性 {{cssxref("flex-direction")}} 设置为 row, 因此 flex 子元素的尺寸只有来自于它们的宽。我们通过比较 flex 子元素和 flex container 的宽度来计算 positive and negative free space. 你同样可以用flex-direction: column 测试每个例子。主轴变为列后，你需要比较 flex 子元素和 flex 容器 的高度来计算 positive and negative free space.
下面的例子我会将属性 {{cssxref("flex-direction")}} 设置为 row, 因此 flex 子元素的尺寸只有来自于它们的宽。我们通过比较 flex 子元素和 flex container 的宽度来计算 positive and negative free space. 你同样可以用flex-direction: column 测试每个例子。主轴变为列后，你需要比较 flex 子元素和 flex 容器 的高度来计算 positive and negative free space.
flex-basis 属性
diff --git a/files/zh-cn/web/css/css_grid_layout/layout_using_named_grid_lines/index.html b/files/zh-cn/web/css/css_grid_layout/layout_using_named_grid_lines/index.html index 7985971806187c..c39eb21455cc80 100644 --- a/files/zh-cn/web/css/css_grid_layout/layout_using_named_grid_lines/index.html +++ b/files/zh-cn/web/css/css_grid_layout/layout_using_named_grid_lines/index.html @@ -276,7 +276,7 @@用 repeat() 定义相同 } -
+
<div class="wrapper">
<div class="item1">I am placed from col-start line 1 to col-start 5</div>
diff --git a/files/zh-cn/web/css/css_logical_properties/index.html b/files/zh-cn/web/css/css_logical_properties/index.html
index 594904cef870ba..ac342caf101451 100644
--- a/files/zh-cn/web/css/css_logical_properties/index.html
+++ b/files/zh-cn/web/css/css_logical_properties/index.html
@@ -21,9 +21,9 @@ block 与 inline
Logical properties and values use the abstract terms block and inline to describe the direction in which they flow. The physical meaning of these terms depends on the writing mode.
-
-
« CSS « 理解 CSS z-index
+« CSS « 理解 CSS z-index
不含 z-index 的堆叠
diff --git a/files/zh-cn/web/css/css_shapes/from_box_values/index.html b/files/zh-cn/web/css/css_shapes/from_box_values/index.html index 6f99b6541d9dcf..7a1cbd6d06c864 100644 --- a/files/zh-cn/web/css/css_shapes/from_box_values/index.html +++ b/files/zh-cn/web/css/css_shapes/from_box_values/index.html @@ -6,7 +6,7 @@创建形状的一个简单方法是使用 CSS 框模型中的值。本文将解释如何执行此操作
+创建形状的一个简单方法是使用 CSS 框模型中的值。本文将解释如何执行此操作
The box values allowable as a shape value are:
diff --git a/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html b/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html
index 17febd872164c0..a4951e64c9ee01 100644
--- a/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html
@@ -28,9 +28,9 @@
哪些 CSS 属性可以动画？
auto 值常常较复杂，规范指出不要在它上动画。一些用户代理，比如基于 Gecko 的，遵循这点；一些，比如基于 WebKit 的，没有这么严格限制。在 auto 上动画结果可能不可预期，这取决于浏览器及其版本，应当避免使用。
auto 值常常较复杂，规范指出不要在它上动画。一些用户代理，比如基于 Gecko 的，遵循这点；一些，比如基于 WebKit 的，没有这么严格限制。在 auto 上动画结果可能不可预期，这取决于浏览器及其版本，应当避免使用。
同时应当留意这种情形，在插入元素（如 .appendChild()）或改变属性 display: none 后立即使用过渡，元素将视为没有开始状态，始终处于结束状态。简单的解决办法，改变属性前用 window.setTimeout() 延迟几毫秒。
同时应当留意这种情形，在插入元素（如 .appendChild()）或改变属性 display: none 后立即使用过渡，元素将视为没有开始状态，始终处于结束状态。简单的解决办法，改变属性前用 window.setTimeout() 延迟几毫秒。
多个属性一起动画示例
diff --git a/files/zh-cn/web/css/easing-function/index.html b/files/zh-cn/web/css/easing-function/index.html index 0af33c48c2265e..035a8277550329 100644 --- a/files/zh-cn/web/css/easing-function/index.html +++ b/files/zh-cn/web/css/easing-function/index.html @@ -19,7 +19,7 @@Easing functions
The cubic-bezier() class of easing functions
-
The cubic-bezier() functional notation defines a cubic Bézier curve. As these curves are continuous, they are often used to smooth down the start and end of the animation and are therefore sometimes called easing functions.
Keywords for common c
linear
-
linear
动画以恒定速度运行。此关键词表示缓冲函数 cubic-bezier(0.0, 0.0, 1.0, 1.0)。
ease
-
动画缓慢开始，然后突然加速，最后缓慢移向目标。此关键词表示缓冲函数 cubic-bezier(0.25, 0.1, 0.25, 1.0).。它与 ease-in-out 类似，但它在开始时加速更快。
ease-in
-
动画缓慢开始，然后逐渐加速直到结束，在结束点时突然停止。此关键词表示缓冲函数 cubic-bezier(0.42, 0.0, 1.0, 1.0)。
ease-in-out
-
动画缓慢开始，然后加速，最后减速直至结束。此关键词表示缓冲函数 cubic-bezier(0.42, 0.0, 0.58, 1.0)。开始时，其表现与 ease-in 函数类似；结束时，与 ease-out 函数类似。
ease-out
-
此动画突然开始，然后逐渐减速直至结束。此关键词表示缓冲函数 cubic-bezier(0.0, 0.0, 0.58, 1.0)。
The steps() class of easing functions
diff --git a/files/zh-cn/web/css/filter-function/drop-shadow/index.html b/files/zh-cn/web/css/filter-function/drop-shadow/index.html
index 271db29b3a2eaa..5220ab8a56676b 100644
--- a/files/zh-cn/web/css/filter-function/drop-shadow/index.html
+++ b/files/zh-cn/web/css/filter-function/drop-shadow/index.html
@@ -10,7 +10,6 @@
这个交互式示例的源代码存储在 GitHub 存储库中。如果您想对交互式示例项目作出贡献，请克隆 https://github.com/mdn/interactive-examples 并向我们发送拉取请求。
投影实际上是输入图像的 alpha 蒙版的一个模糊的、偏移的版本，用特定的颜色绘制并合成在图像下面。
diff --git a/files/zh-cn/web/css/flex-basis/index.html b/files/zh-cn/web/css/flex-basis/index.html index 432d860b51d2e9..4dd6f0416a8d05 100644 --- a/files/zh-cn/web/css/flex-basis/index.html +++ b/files/zh-cn/web/css/flex-basis/index.html @@ -16,7 +16,6 @@ -这个交互式的例子的源代码存储在一个 GitHub 库。如果你想为这个项目贡献代码，请克隆这个仓库 https://github.com/mdn/interactive-examples 然后给我们提交一个 pull request
Note: 当一个元素同时被设置了 flex-basis (除值为 auto 外) 和 width (或者在 flex-direction: column 情况下设置了height) , flex-basis 具有更高的优先级。
取值
Note:简史
+Note:简史
这个交互案例的源码存储在 github 仓库。如果你想对此案例做贡献，请克隆项目https://github.com/mdn/interactive-examples 并且给我们推送一个请求 (PR)。
成分属性
@@ -93,9 +92,9 @@取值
-
-
取值
该交互式例子的源码位于我们的 Github 仓库中。如果您有兴趣对交互式例子项目进行贡献，请克隆仓库https://github.com/mdn/interactive-examples，并向我们提出合并请求 (pull request)。
如果项目的字体库中包含不同大小的大写字母特殊字符，该属性将选择其中最接近指定大小的字符。例如，如果字体中没有“特小”(petite) 型大写字母，该字符将会被以“小”(small) 型大写字母进行渲染。如果这些字符均不存在，浏览器将用默认大写字符集进行尺寸加工。
diff --git a/files/zh-cn/web/css/font/index.html b/files/zh-cn/web/css/font/index.html index 7ee6825981a4d2..7ac57651534e62 100644 --- a/files/zh-cn/web/css/font/index.html +++ b/files/zh-cn/web/css/font/index.html @@ -66,17 +66,17 @@值
示例
实样
-HTML Content
+HTML Content
Change the radio buttons below to see the generated shorthand and it's effect. </p> @@ -202,7 +202,7 @@实样
</div> -CSS Content
+CSS Content
body, input {
font: 14px arial;
@@ -251,7 +251,7 @@ 实样
text-align: right;
}
-JavaScript Content
+JavaScript Content
var textAreas = document.getElementsByClassName("curCss"),
shortText = "",
diff --git a/files/zh-cn/web/css/grid-area/index.html b/files/zh-cn/web/css/grid-area/index.html
index 33baa48ebf8d35..3d635ae8ddfac0 100644
--- a/files/zh-cn/web/css/grid-area/index.html
+++ b/files/zh-cn/web/css/grid-area/index.html
@@ -77,7 +77,7 @@ 值
属性值
此交互式示例的源代码托管于 GitHub 中。如果您想为交互示例贡献代码，请 clone https://github.com/mdn/interactive-examples 并且给我们发送 pull request.
如果定位到某行中的网格元素没有使用 {{cssxref("grid-template-rows")}}来指定大小，则会隐式创建{{glossary("grid", "grid")}} 轨道来保存它。这可能在显示定位到超出范围的行，或者由自动放置算法创建额外的行时发生。
@@ -78,7 +77,7 @@取值
值
值
值
可设值
注：{{cssxref("grid")}}可如此用，但将重置隐式网格属性。Use grid (as opposed to grid-template) to prevent these values from cascading in seperately.
注：{{cssxref("grid")}}可如此用，但将重置隐式网格属性。Use grid (as opposed to grid-template) to prevent these values from cascading in seperately.