mdn · yin1999 · May 29, 2022 · May 28, 2022 · May 29, 2022 · May 29, 2022
@@ -11,15 +11,15 @@
 
 <h2 id="概述">概述</h2>
 
-<p> <strong><code>@charset </code></strong><a href="/en/CSS" title="CSS">CSS</a> <a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a>  指定样式表中使用的字符编码。它必须是样式表中的第一个元素，而前面不得有任何字符。因为它不是一个<a href="https://developer.mozilla.org/en/CSS/Syntax#nested_statements">嵌套语句</a>，所以不能在<a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a><a href="https://developer.mozilla.org/en/CSS/At-rule#Conditional_Group_Rules">条件组</a>中使用。如果有多个 <strong><code>@charset </code></strong><a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a>被声明，只有第一个会被使用，而且不能在HTML元素或HTML页面的字符集相关 {{ HTMLElement("style") }} 元素内的样式属性内使用。</p>
+<p> <strong><code>@charset </code></strong><a href="/en/CSS" title="CSS">CSS</a> <a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a>  指定样式表中使用的字符编码。它必须是样式表中的第一个元素，而前面不得有任何字符。因为它不是一个<a href="https://developer.mozilla.org/en/CSS/Syntax#nested_statements">嵌套语句</a>，所以不能在<a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a><a href="https://developer.mozilla.org/en/CSS/At-rule#Conditional_Group_Rules">条件组</a>中使用。如果有多个 <strong><code>@charset </code></strong><a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a>被声明，只有第一个会被使用，而且不能在 HTML 元素或 HTML 页面的字符集相关 {{ HTMLElement("style") }} 元素内的样式属性内使用。</p>
 
 <p>此 <a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a> 在某些 CSS 属性中使用非 ASCII 字符时非常有用，例如 {{ cssxref("content") }}。</p>
 
 <p>在样式表中有多种方法去声明字符编码，浏览器会按照以下顺序尝试下边的方法（一旦找到就停止并得出结果）：</p>
 
 <ol>
  <li>文件的开头的 <a href="http://en.wikipedia.org/wiki/Byte_order_mark">Unicode byte-order</a> 字符值。</li>
- <li>由Content-Type：HTTP header 中的 charset 属性给出的值或用于提供样式表的协议中的等效值。</li>
+ <li>由 Content-Type：HTTP header 中的 charset 属性给出的值或用于提供样式表的协议中的等效值。</li>
  <li><code>CSS </code><a href="https://developer.mozilla.org/zh-CN/docs/CSS/At-rule" title="At-rule">@规则</a>  <code>@charset。</code></li>
  <li>使用参考文档定义的字符编码： {{ HTMLElement("link") }} 元素的 charset 属性。 该方法在 HTML5 标准中已废除，无法使用。</li>
  <li>假设文档是 UTF-8。</li>
@@ -35,7 +35,7 @@ <h2 id="语法">语法</h2>
 
 <dl>
  <dt style="margin: 0 40px;"><em>charset</em></dt>
- <dd style="margin: 0px 40px;">它是一个<em> </em>{{cssxref("&lt;string&gt;")}} 表示字符编码被使用。它必须是在被 <a href="http://www.iana.org/assignments/character-sets">IANA-registry</a> 声明过的 web-safe 字符编码中的一个, 还必须被双引号包围, 遵循一个空格字符 (U+0020)，并且立即以分号结束。 如果有多个相关的编码名字，只有被标记为 <em>preferred  </em>的那个才会被使用。</dd>
+ <dd style="margin: 0px 40px;">它是一个<em> </em>{{cssxref("&lt;string&gt;")}} 表示字符编码被使用。它必须是在被 <a href="http://www.iana.org/assignments/character-sets">IANA-registry</a> 声明过的 web-safe 字符编码中的一个，还必须被双引号包围，遵循一个空格字符 (U+0020)，并且立即以分号结束。 如果有多个相关的编码名字，只有被标记为 <em>preferred  </em>的那个才会被使用。</dd>
 </dl>
 
 <h3 id="语法格式">语法格式</h3>
@@ -46,11 +46,11 @@ <h2 id="例子">例子</h2>
 
 <pre class="brush: css">@charset "UTF-8";
 @charset "utf-8"; /*大小写不敏感*/
-/* 设置css的编码格式为Unicode UTF-8 */
-@charset 'iso-8859-15'; /* 无效的, 使用了错误的引号 */
-@charset 'UTF-8';       /* 无效的, 使用了错误的引号 */
-@charset  "UTF-8";      /* 无效的, 多于一个空格 */
- @charset "UTF-8";      /* 无效的, 在at-rule之前多了一个空格 */
+/* 设置 css 的编码格式为 Unicode UTF-8 */
+@charset 'iso-8859-15'; /* 无效的，使用了错误的引号 */
+@charset 'UTF-8';       /* 无效的，使用了错误的引号 */
+@charset  "UTF-8";      /* 无效的，多于一个空格 */
+ @charset "UTF-8";      /* 无效的，在 at-rule 之前多了一个空格 */
 @charset UTF-8;         /* Invalid, without ' or ", the charset is not a CSS {{cssxref("&lt;string&gt;")}} */
 </pre>
 

@@ -5,7 +5,7 @@
 ---
 <div>{{CSSRef}}</div>
 
-<p><code><strong>additive-symbols</strong> 描述符</code> 定义符号，用于值可累积的可数的 {{cssxref('system')}}的项 。 <code>additive-symbols定义累积的的元组（tuples）,每个元组项都包含一个符号和一个非负整数的权重。</code>additive system被用于构造<a href="http://en.wikipedia.org/wiki/Sign-value_notation">sign-value numbering</a> （符号-值，指数字的值就是是符号加在一起的值）系统，比如 罗马数字。</p>
+<p><code><strong>additive-symbols</strong> 描述符</code> 定义符号，用于值可累积的可数的 {{cssxref('system')}}的项 。 <code>additive-symbols 定义累积的的元组（tuples）,每个元组项都包含一个符号和一个非负整数的权重。</code>additive system 被用于构造<a href="http://en.wikipedia.org/wiki/Sign-value_notation">sign-value numbering</a> （符号 - 值，指数字的值就是是符号加在一起的值）系统，比如 罗马数字。</p>
 
 <pre class="brush: css no-line-numbers">additive-symbols: 3 "0";
 additive-symbols: 3 "0", 2 "\2E\20";

@@ -7,9 +7,9 @@
 
 <h2 id="概要">概要</h2>
 
-<p><code>@counter-style是一个</code> <a href="/en/CSS" title="CSS">CSS</a> <a href="/en/CSS/At-rule" title="en/CSS/At-rule">at-rule</a> ，它让开发者可以自定义counter的样式。 一个 <code>@counter-style规则</code> 定义了如何把一个计数器的值转化为字符串表示。</p>
+<p><code>@counter-style 是一个</code> <a href="/en/CSS" title="CSS">CSS</a> <a href="/en/CSS/At-rule" title="en/CSS/At-rule">at-rule</a> ，它让开发者可以自定义 counter 的样式。 一个 <code>@counter-style 规则</code> 定义了如何把一个计数器的值转化为字符串表示。</p>
 
-<p>最初版的CSS定义了一系列很好用的计数器样式， 尽管近几年又添加了很多样式，但是这种限制方式被证明已经不能满足全球化的排版了。<code>@counter-style规则用一种开放的方式弥补了这一缺点，在预定义的样式不能满足需求时，它可以使开发者自定义他们自己的计数器样式。</code></p>
+<p>最初版的 CSS 定义了一系列很好用的计数器样式， 尽管近几年又添加了很多样式，但是这种限制方式被证明已经不能满足全球化的排版了。<code>@counter-style 规则用一种开放的方式弥补了这一缺点，在预定义的样式不能满足需求时，它可以使开发者自定义他们自己的计数器样式。</code></p>
 
 <h2 id="Syntax" name="Syntax">语法</h2>
 
@@ -50,17 +50,17 @@ <h3 id="描述">描述</h3>
 
 <dl>
  <dt>{{cssxref("suffix")}}</dt>
- <dd>与{{cssxref("prefix")}}类似，suffix指定一个符号，加在标记表示符的后面。</dd>
+ <dd>与{{cssxref("prefix")}}类似，suffix 指定一个符号，加在标记表示符的后面。</dd>
 </dl>
 
 <dl>
  <dt>{{cssxref("range")}}</dt>
- <dd> 指定一个counter-style生效的范围，如果计数器的值不再这个范围内，那么自定义的counter-style不会生效，counter-style会后退到{{cssxref("fallback")}}的style。</dd>
+ <dd> 指定一个 counter-style 生效的范围，如果计数器的值不再这个范围内，那么自定义的 counter-style 不会生效，counter-style 会后退到{{cssxref("fallback")}}的 style。</dd>
 </dl>
 
 <dl>
  <dt>{{cssxref("pad")}}</dt>
- <dd>在你想要给标记表示符最小值时使用。比如说，你想要计数器从01开始，经过02，03，04，那么这时可以使用pad了。对于大于pad指定值的表示符，标记会恢复为normal。</dd>
+ <dd>在你想要给标记表示符最小值时使用。比如说，你想要计数器从 01 开始，经过 02，03，04，那么这时可以使用 pad 了。对于大于 pad 指定值的表示符，标记会恢复为 normal。</dd>
 </dl>
 
 <dl>
@@ -70,9 +70,9 @@ <h3 id="描述">描述</h3>
 
 <dl>
  <dt>{{cssxref("symbols-descriptor", "symbols")}}</dt>
- <dd>定义一个符号，用于标记的表示。符号可以包含字符串，图片或自定义的识别码。这个符号怎样构建标记呢？这依赖于system描述符里面所定义的算法。 举个例子，如果system的值是fixed,那么symbols属性指定的固定的N个符号，将被用来表示计数器的前N个值。用完了前N个符号后，列表里剩下的值将使用fallback定义的样式来表示。<br>
+ <dd>定义一个符号，用于标记的表示。符号可以包含字符串，图片或自定义的识别码。这个符号怎样构建标记呢？这依赖于 system 描述符里面所定义的算法。 举个例子，如果 system 的值是 fixed，那么 symbols 属性指定的固定的 N 个符号，将被用来表示计数器的前 N 个值。用完了前 N 个符号后，列表里剩下的值将使用 fallback 定义的样式来表示。<br>
  <br>
- 下面的@counter-style规则使用图片而不是字符标记。<br>
+ 下面的 @counter-style 规则使用图片而不是字符标记。<br>
 
  <pre class="brush: css">@counter-style winners-list {
   system: fixed;
@@ -84,7 +84,7 @@ <h3 id="描述">描述</h3>
 
 <dl>
  <dt>{{cssxref("additive-symbols")}}</dt>
- <dd>尽管symbols属性中指定的符号可以被system中定义的大部分算法所使用，但是一些system属性的值，比如additive，依赖于本描述符所描述的加性元组。Each additive tuple consists of a counter symbol and a non negative integer weight. 每个加性元组包含一个可数的符号和一个非负证书的权重。The additive tuples must be specified in the descending order of their weights.</dd>
+ <dd>尽管 symbols 属性中指定的符号可以被 system 中定义的大部分算法所使用，但是一些 system 属性的值，比如 additive，依赖于本描述符所描述的加性元组。Each additive tuple consists of a counter symbol and a non negative integer weight. 每个加性元组包含一个可数的符号和一个非负证书的权重。The additive tuples must be specified in the descending order of their weights.</dd>
 </dl>
 
 <dl>
@@ -100,7 +100,7 @@ <h2 id="例子">例子</h2>
   suffix: " ";
 }</pre>
 
-<p>上面的counter style规则在列表中可以如下使用：</p>
+<p>上面的 counter style 规则在列表中可以如下使用：</p>
 
 <pre class="brush: css">.items {
    list-style: circled-alpha;

@@ -5,7 +5,7 @@
 ---
 <div>{{CSSRef}}</div>
 
-<p><strong><code>pad</code></strong>属性和自定义记数样式一起使用时, 可以用来限定记数样式的最小长度. 如果某个记数样式小于pad所指定的长度, 那么会用pad指定的填充字符串来填充至指定长度. 如果比pad所指定的长度长, 则会正常显示. Pad 属性的第一个参数是最小长度, 第二个参数是填充字符串. 一个常见的用处是序号编号需要填充两位的时候, 即需要编号"01","02","03",……, 而不仅仅是1, 2, 3...</p>
+<p><strong><code>pad</code></strong>属性和自定义记数样式一起使用时，可以用来限定记数样式的最小长度。如果某个记数样式小于 pad 所指定的长度，那么会用 pad 指定的填充字符串来填充至指定长度。如果比 pad 所指定的长度长，则会正常显示. Pad 属性的第一个参数是最小长度，第二个参数是填充字符串。一个常见的用处是序号编号需要填充两位的时候，即需要编号"01","02","03",……, 而不仅仅是 1, 2, 3...</p>
 
 <p>{{cssinfo}}</p>
 
@@ -18,7 +18,7 @@ <h3 id="参数值">参数值</h3>
 
 <dl>
  <dt><code>&lt;integer&gt; &amp;&amp; &lt;symbol&gt;</code></dt>
- <dd><code>&lt;integer&gt;</code> 表示所有计数样式必须达到的最小长度(必须是非负整数). 如果指定的最小长度没有达到, 将会用<code>&lt;symbol&gt;</code>来填充直到最小长度.</dd>
+ <dd><code>&lt;integer&gt;</code> 表示所有计数样式必须达到的最小长度 (必须是非负整数). 如果指定的最小长度没有达到，将会用<code>&lt;symbol&gt;</code>来填充直到最小长度。</dd>
 </dl>
 
 <h3 id="形式语法">形式语法</h3>

@@ -19,7 +19,7 @@
 
 <h2 id="语法">语法</h2>
 
-<p><code>@document</code> 规则可以指定一个或多个匹配函数。如果任何功能适用于给定的 URL，则该规则将对该URL生效。可用的函数如下：</p>
+<p><code>@document</code> 规则可以指定一个或多个匹配函数。如果任何功能适用于给定的 URL，则该规则将对该 URL 生效。可用的函数如下：</p>
 
 <ul>
  <li><code>url()</code>，匹配整个 URL。</li>
@@ -30,7 +30,7 @@ <h2 id="语法">语法</h2>
 
 <p>提供给 <code>url()</code>、<code>url-prefix()</code>，和 <code>domain()</code> 函数的参数可以不使用引号括起来。但提供给 <code>regexp()</code> 函数的参数必须用引号括起来。</p>
 
-<p>提供给 <code>regexp()</code> 函数的正则表达式中的转义字符必须再次进行一次 CSS 转义。例如，一个点号（<code>.</code>），在正则表达式中匹配任意换行符之外的字母.如果想要匹配一个正真的点号，必须首先按照正则表达式的规则转义一次（变为 <code>\.</code>）然后在使用CSS的规则再转义一次（转换为<code>\\.</code>）。</p>
+<p>提供给 <code>regexp()</code> 函数的正则表达式中的转义字符必须再次进行一次 CSS 转义。例如，一个点号（<code>.</code>），在正则表达式中匹配任意换行符之外的字母。如果想要匹配一个正真的点号，必须首先按照正则表达式的规则转义一次（变为 <code>\.</code>）然后在使用 CSS 的规则再转义一次（转换为<code>\\.</code>）。</p>
 
 <h2 id="例子">例子</h2>
 
@@ -39,11 +39,11 @@ <h2 id="例子">例子</h2>
           domain(mozilla.org),
           regexp("https:.*")
 {
-  /* 该条CSS规则会应用在下面的网页:
-     + URL为"http://www.w3.org/"的页面.
-     + 任何URL以"http://www.w3.org/Style/"开头的网页
+  /* 该条 CSS 规则会应用在下面的网页：
+     + URL 为"http://www.w3.org/"的页面。
+     + 任何 URL 以"http://www.w3.org/Style/"开头的网页
      + 任何主机名为"mozilla.org"或者主机名以".mozilla.org"结尾的网页
-     + 任何URL以"https:"开头的网页 */
+     + 任何 URL 以"https:"开头的网页 */
 
   /* 让上述网页变得超级丑 */
   body {

@@ -9,7 +9,7 @@
 ---
 <div>{{CSSRef}}</div>
 
-<p><code>font-display</code> 属性决定了一个@font-face 在不同的下载时间和可用时间下是如何展示的。</p>
+<p><code>font-display</code> 属性决定了一个 @font-face 在不同的下载时间和可用时间下是如何展示的。</p>
 
 <h2 id="字体显示时间轴">字体显示时间轴</h2>
 

@@ -7,7 +7,7 @@
 
 <h2 id="概述">概述</h2>
 
-<p><strong>font-style</strong> 描述符允许开发者在@font-rule规则中为指定字体样式(该条目区别于font-style，意指用在@font-rule中的font-style属性)</p>
+<p><strong>font-style</strong> 描述符允许开发者在 @font-rule 规则中为指定字体样式 (该条目区别于 font-style，意指用在 @font-rule 中的 font-style 属性)</p>
 
 <p>For a particular font family, authors can download various font faces which correspond to the different styles of the same font family, and then use the <code>font-style </code>descriptor to explicitly specify the font face's style. The values for the CSS descriptor is same as that of its corresponding font property.</p>