mdn · yin1999 · Jun 1, 2022 · May 31, 2022 · Jun 1, 2022
@@ -12,7 +12,7 @@
 
 
 
-<p><strong>table-layout </strong>CSS属性定义了用于布局表格<em>单元格</em>，<em>行</em>和<em>列</em>的算法。</p>
+<p><strong>table-layout </strong>CSS 属性定义了用于布局表格<em>单元格</em>，<em>行</em>和<em>列</em>的算法。</p>
 
 <pre><code>/* Keyword values */
 table-layout: auto;
@@ -45,7 +45,7 @@ <h3 id="Values" name="Values">值</h3>
  <dt><code>fixed</code></dt>
  <dd>表格和列的宽度通过表格的宽度来设置，某一列的宽度仅由该列首行的单元格决定。在当前列中，该单元格所在行之后的行并不会影响整个列宽。<br>
  <br>
- 使用 “fixed” 布局方式时，整个表格可以在其首行被下载后就被解析和渲染。这样对于 “automatic” 自动布局方式来说可以加速渲染，但是其后的单元格内容并不会自适应当前列宽。任何一个包含溢出内容的单元格可以使用 {{Cssxref("overflow")}}  属性控制是否允许内容溢出。</dd>
+ 使用“fixed”布局方式时，整个表格可以在其首行被下载后就被解析和渲染。这样对于“automatic”自动布局方式来说可以加速渲染，但是其后的单元格内容并不会自适应当前列宽。任何一个包含溢出内容的单元格可以使用 {{Cssxref("overflow")}}  属性控制是否允许内容溢出。</dd>
 </dl>
 
 <h3 id="正式语法">正式语法</h3>
@@ -54,9 +54,9 @@ <h3 id="正式语法">正式语法</h3>
 
 <h2 id="示例">示例</h2>
 
-<p>本示例使用了fixed的表格布局，结合{{cssxref("width")}}属性来限制表格的宽。{{cssxref("text-overflow")}} 属性用于文字过长时显示省略号。</p>
+<p>本示例使用了 fixed 的表格布局，结合{{cssxref("width")}}属性来限制表格的宽。{{cssxref("text-overflow")}} 属性用于文字过长时显示省略号。</p>
 
-<p>如果表格的布局是auto，即使指定了表格的width，表格仍然会自适应内容自动撑开。</p>
+<p>如果表格的布局是 auto，即使指定了表格的 width，表格仍然会自适应内容自动撑开。</p>
 
 <h3 id="HTML">HTML</h3>
 

@@ -304,7 +304,7 @@ <h2 id="说明">说明</h2>
  </tbody>
 </table>
 
-<p>此接口的较早版本曾经被纳入候选名单。 但由于需要对某些尚未列出的风险点进行删除工作，因此该规范已降级到“工作草案”。所以说浏览器无前缀地实现此属性，但其却不在 CR 状态。</p>
+<p>此接口的较早版本曾经被纳入候选名单。但由于需要对某些尚未列出的风险点进行删除工作，因此该规范已降级到“工作草案”。所以说浏览器无前缀地实现此属性，但其却不在 CR 状态。</p>
 
 <h2 id="浏览器兼容性">浏览器兼容性</h2>
 

@@ -38,7 +38,7 @@ <h2 id="Syntax" name="Syntax">语法</h2>
 
 <p>当阴影大于一个时要用逗号区别开阴影之间的参数</p>
 
-<p>每个阴影都有两到三个<code>&lt;length&gt;</code>参数 ， 以及一个与阴影颜色相关的<code>&lt;color&gt;</code>参数 。 前两个<code>&lt;length&gt;</code>参数，是以“文字中心”为原点的坐标轴，分别为 x 轴 <code>&lt;offset-x&gt;</code> 和 y 轴 <code>&lt;offset-y&gt;</code> 的值； 如果有第三个<code>&lt;length&gt;</code>参数，则第三个数值为形成阴影效果的半径的数值 <code>&lt;blur-radius&gt;</code> 。</p>
+<p>每个阴影都有两到三个<code>&lt;length&gt;</code>参数，以及一个与阴影颜色相关的<code>&lt;color&gt;</code>参数。前两个<code>&lt;length&gt;</code>参数，是以“文字中心”为原点的坐标轴，分别为 x 轴 <code>&lt;offset-x&gt;</code> 和 y 轴 <code>&lt;offset-y&gt;</code> 的值；如果有第三个<code>&lt;length&gt;</code>参数，则第三个数值为形成阴影效果的半径的数值 <code>&lt;blur-radius&gt;</code> 。</p>
 
 <p>当所给的阴影大于一个时，阴影应用的顺序为从前到后，第一个指定的阴影在顶部。</p>
 

@@ -9,7 +9,7 @@
 ---
 <div>{{CSSRef}}</div>
 
-<p><a href="/en-US/docs/Web/CSS/CSS_Types">CSS数据类型</a><code>&lt;time-percentage&gt; 的值</code>可以表示为时间或百分比。</p>
+<p><a href="/en-US/docs/Web/CSS/CSS_Types">CSS 数据类型</a><code>&lt;time-percentage&gt; 的值</code>可以表示为时间或百分比。</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -3,7 +3,7 @@
 slug: Web/CSS/time
 tags:
   - CSS
-  - CSS数据类型
+  - CSS 数据类型
   - Web
 translation_of: Web/CSS/time
 ---
@@ -16,7 +16,7 @@ <h2 id="语法">语法</h2>
 <p><code>&lt;time&gt;</code> 数据类型由{{cssxref("&lt;number&gt;")}}后加下方列出的单位之一组成。前方也可选择添加一个<code>+</code> 或 <code>-</code>。单位与数字之间无空格。</p>
 
 <div class="note">
-<p><strong>注意：</strong>尽管数字 <code>0</code> 不管在何种单位下均相等，但其单位不可去除。 换句话说， <code>0</code> 是无效的，并不代表 <code>0s</code> 或 <code>0ms。</code></p>
+<p><strong>注意：</strong>尽管数字 <code>0</code> 不管在何种单位下均相等，但其单位不可去除。换句话说， <code>0</code> 是无效的，并不代表 <code>0s</code> 或 <code>0ms。</code></p>
 </div>
 
 <h3 id="单位">单位</h3>
@@ -40,13 +40,13 @@ <h3 id="有效时间">有效时间</h3>
 -456ms      负整数
 4.3ms       非整数
 14mS        单位大小写不敏感，虽然不推荐大写
-+0s         0以及前置 + 号和单位
--0ms        0以及前置 - 号和单位
++0s         0 以及前置 + 号和单位
+-0ms        0 以及前置 - 号和单位
 </pre>
 
 <h3 id="无效时间">无效时间</h3>
 
-<pre class="example-bad">0           尽管&lt;length&gt;中允许0，其在&lt;time&gt;中无效。
+<pre class="example-bad">0           尽管&lt;length&gt;中允许 0，其在&lt;time&gt;中无效。
 12.0        此为&lt;number&gt;而非&lt;time&gt;。其缺乏单位。
 7 ms        数字与单位间不允许有空格。
 </pre>

@@ -28,7 +28,7 @@
 <ul>
  <li>当<code>position</code>设置为<code>absolute</code>或<code>fixed</code>时，<code>top</code>属性指定了定位元素上外边距边界与其包含块上边界之间的偏移。</li>
  <li>当<code>position</code>设置为<code>relative</code>时，<code>top</code>属性指定了元素的上边界离开其正常位置的偏移。</li>
- <li>当<code>position</code>设置为<code>sticky</code>时，如果元素在viewport里面，<code>top</code>属性的效果和position为<code>relative</code>等同；如果元素在viewport外面，<code>top</code>属性的效果和position为<code>fixed</code>等同。</li>
+ <li>当<code>position</code>设置为<code>sticky</code>时，如果元素在 viewport 里面，<code>top</code>属性的效果和 position 为<code>relative</code>等同；如果元素在 viewport 外面，<code>top</code>属性的效果和 position 为<code>fixed</code>等同。</li>
  <li>当<code>position</code>设置为<code>static</code>时，<code>top</code>属性无效。</li>
 </ul>
 
@@ -42,7 +42,7 @@ <h3 id="取值">取值</h3>
 
 <dl>
  <dt>{{cssxref("&lt;length&gt;")}}</dt>
- <dd>可以是负的，正的 或者 null {{cssxref("&lt;length&gt;")}} 表示:
+ <dd>可以是负的，正的 或者 null {{cssxref("&lt;length&gt;")}} 表示：
  <ul>
   <li>对于<strong>绝对定位的元素</strong>，元素下外边距边界与其包含块下边界之间的偏移。</li>
   <li>对于<strong>相对定位定位的元素，</strong>元素的下边界离开其正常位置的偏移。</li>
@@ -51,9 +51,9 @@ <h3 id="取值">取值</h3>
  <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
  <dd>代表元素包含块的高度的百分比 {{cssxref("&lt;percentage&gt;")}}。</dd>
  <dt><code>auto</code></dt>
- <dd>这个关键字表示:
+ <dd>这个关键字表示：
  <ul>
-  <li>对于绝对定位元素，元素将忽略此属性已{{ Cssxref("bottom") }}属性为准，如果此时设置<code>height: auto</code>，将基于内容需要的高度设置高度；如果<code>bottom</code>也为<code>auto</code>的话，元素的垂直位置就是它假如作为静态(即static)元素时该在的位置。</li>
+  <li>对于绝对定位元素，元素将忽略此属性已{{ Cssxref("bottom") }}属性为准，如果此时设置<code>height: auto</code>，将基于内容需要的高度设置高度；如果<code>bottom</code>也为<code>auto</code>的话，元素的垂直位置就是它假如作为静态 (即 static) 元素时该在的位置。</li>
   <li>对于相对定位元素，元素相对正常位置的偏移量将基于{{ Cssxref("bottom") }}属性；如果<code>bottom</code>也为<code>auto</code>的话，元素将不会有偏移。</li>
  </ul>
  </dd>

@@ -13,7 +13,7 @@
 ---
 <div>{{ CSSRef }}</div>
 
-<p>CSS属性 <strong><code>touch-action</code></strong> 用于设置触摸屏用户如何操纵元素的区域(例如，浏览器内置的缩放功能)。</p>
+<p>CSS 属性 <strong><code>touch-action</code></strong> 用于设置触摸屏用户如何操纵元素的区域 (例如，浏览器内置的缩放功能)。</p>
 
 <pre class="brush:css">/* Keyword values */
 touch-action: auto;
@@ -35,13 +35,13 @@
 
 <p>{{cssinfo}}</p>
 
-<p>默认情况下，平移（滚动）和缩放手势由浏览器专门处理。 使用 {{domxref("Pointer_events")}} 的应用程序将在浏览器开始处理触摸手势时收到一个 <a href="https://developer.mozilla.org/Web/Events/pointercancel">pointercancel</a> 事件。 通过明确指定浏览器应该处理哪些手势，应用程序可以在 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Web/Events/pointermove">pointermove</a> 和 <a href="https://developer.mozilla.org/Web/Events/pointerup">pointerup</a> 监听器中为其余的手势提供自己的行为。 使用 {{domxref("Touch_events")}} 的应用程序通过调用 {{domxref("Event.preventDefault","preventDefault()")}} 禁用浏览器处理手势，但也应使用<strong>触摸操作</strong>确保浏览器在调用任何事件侦听器之前，了解应用程序的意图。</p>
+<p>默认情况下，平移（滚动）和缩放手势由浏览器专门处理。使用 {{domxref("Pointer_events")}} 的应用程序将在浏览器开始处理触摸手势时收到一个 <a href="https://developer.mozilla.org/Web/Events/pointercancel">pointercancel</a> 事件。通过明确指定浏览器应该处理哪些手势，应用程序可以在 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Web/Events/pointermove">pointermove</a> 和 <a href="https://developer.mozilla.org/Web/Events/pointerup">pointerup</a> 监听器中为其余的手势提供自己的行为。使用 {{domxref("Touch_events")}} 的应用程序通过调用 {{domxref("Event.preventDefault","preventDefault()")}} 禁用浏览器处理手势，但也应使用<strong>触摸操作</strong>确保浏览器在调用任何事件侦听器之前，了解应用程序的意图。</p>
 
-<p>当手势开始时，浏览器与触摸的元素及其所有祖先的<strong>触摸动作</strong>值相交直到一个实现手势（换句话说，第一个包含滚动元素）的<strong>触摸动作</strong>值。 这意味着在实践中，<strong>触摸动作</strong>通常仅适用于具有某些自定义行为的单个元素，而无需在该元素的任何后代上明确指定<strong>触摸动作</strong>。 手势开始之后，<strong>触摸动作</strong>值的更改将不会对当前手势的行为产生任何影响。</p>
+<p>当手势开始时，浏览器与触摸的元素及其所有祖先的<strong>触摸动作</strong>值相交直到一个实现手势（换句话说，第一个包含滚动元素）的<strong>触摸动作</strong>值。这意味着在实践中，<strong>触摸动作</strong>通常仅适用于具有某些自定义行为的单个元素，而无需在该元素的任何后代上明确指定<strong>触摸动作</strong>。手势开始之后，<strong>触摸动作</strong>值的更改将不会对当前手势的行为产生任何影响。</p>
 
 <h2 id="语法">语法</h2>
 
-<p>touch-action 属性可以被指定为:</p>
+<p>touch-action 属性可以被指定为：</p>
 
 <ul>
  <li>任何一个关键字 <code><a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action$edit#auto">auto</a>、</code><code><a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action$edit#none">none</a>、</code><code><a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action$edit#manipulation">manipulation</a>，或</code></li>
@@ -52,19 +52,19 @@ <h3 id="值">值</h3>
 
 <dl>
  <dt><code>auto</code></dt>
- <dd>当触控事件发生在元素上时，由浏览器来决定进行哪些操作，比如对viewport进行平滑、缩放等。</dd>
+ <dd>当触控事件发生在元素上时，由浏览器来决定进行哪些操作，比如对 viewport 进行平滑、缩放等。</dd>
  <dt><code>none</code></dt>
  <dd>当触控事件发生在元素上时，不进行任何操作。</dd>
  <dt><code>pan-x</code></dt>
  <dd>启用单指水平平移手势。可以与 <strong>pan-y 、pan-up、</strong><strong>pan-down </strong>和／或 <strong>pinch-zoom </strong>组合使用。</dd>
  <dt><code>pan-y</code></dt>
  <dd>启用单指垂直平移手势。可以与 <strong>pan-x 、pan-left 、</strong><strong>pan-right </strong>和／或 <strong>pinch-zoom </strong>组合使用。</dd>
  <dt><code>manipulation</code></dt>
- <dd>浏览器只允许进行滚动和持续缩放操作。任何其它被auto值支持的行为不被支持。启用平移和缩小缩放手势，但禁用其他非标准手势，例如双击以进行缩放。 禁用双击可缩放功能可减少浏览器在用户点击屏幕时延迟生成点击事件的需要。 这是“<strong>pan-x pan-y pinch-zoom</strong>”（为了兼容性本身仍然有效）的别名。</dd>
+ <dd>浏览器只允许进行滚动和持续缩放操作。任何其它被 auto 值支持的行为不被支持。启用平移和缩小缩放手势，但禁用其他非标准手势，例如双击以进行缩放。禁用双击可缩放功能可减少浏览器在用户点击屏幕时延迟生成点击事件的需要。这是“<strong>pan-x pan-y pinch-zoom</strong>”（为了兼容性本身仍然有效）的别名。</dd>
  <dt><a id="pan-keywords" name="pan-keywords"><code>pan-left</code>, <code>pan-right,pan-up,pan-down</code> {{experimental_inline}}</a></dt>
- <dd>启用以指定方向滚动开始的单指手势。 一旦滚动开始，方向可能仍然相反。 请注意，滚动“向上”（<strong>pan-up</strong>）意味着用户正在将其手指向下拖动到屏幕表面上，同样 <strong>pan-left </strong>表示用户将其手指向右拖动。 多个方向可以组合，除非有更简单的表示（例如，“<strong>pan-left pan-right</strong>”无效，因为“<strong>pan-x</strong>”更简单，而“<strong>pan-left pan-down</strong>”有效）。</dd>
+ <dd>启用以指定方向滚动开始的单指手势。一旦滚动开始，方向可能仍然相反。请注意，滚动“向上”（<strong>pan-up</strong>）意味着用户正在将其手指向下拖动到屏幕表面上，同样 <strong>pan-left </strong>表示用户将其手指向右拖动。多个方向可以组合，除非有更简单的表示（例如，“<strong>pan-left pan-right</strong>”无效，因为“<strong>pan-x</strong>”更简单，而“<strong>pan-left pan-down</strong>”有效）。</dd>
  <dt><a id="pinch-zoom" name="pinch-zoom"><code>pinch-zoom</code></a></dt>
- <dd>启用多手指平移和缩放页面。 这可以与任何平移值组合。</dd>
+ <dd>启用多手指平移和缩放页面。这可以与任何平移值组合。</dd>
 </dl>
 
 <h3 id="正式语法">正式语法</h3>

@@ -30,7 +30,7 @@ <h3 id="值">值</h3>
 
 <dl>
  <dt><code>border-box</code></dt>
- <dd>border box是用作引用框,一个表格（table）的border-box是table包装盒的边框，而不是表的边框。</dd>
+ <dd>border box 是用作引用框，一个表格（table）的 border-box 是 table 包装盒的边框，而不是表的边框。</dd>
  <dt><code>fill-box</code></dt>
  <dd>Uses the object bounding box as reference box.</dd>
  <dt><code>view-box</code></dt>