Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutoCorrect files/zh-cn/web/css/{q,r,s}*/ #5946

Merged
merged 1 commit into from
May 31, 2022
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
AutoCorrect files/zh-cn/web/css/{q,r,s}*/
  • Loading branch information
huacnlee committed May 31, 2022
commit e3c03564cd662cd4d33ae39b3d295c1a663673cb
6 changes: 3 additions & 3 deletions files/zh-cn/web/css/quotes/index.html
Original file line number Diff line number Diff line change
@@ -32,7 +32,7 @@ <h3 id="Values" name="Values">值</h3>

<dl>
<dt><code>none</code></dt>
<dd> {{cssxref("content")}} 属性的值 <code>open-quote</code> 和 <code>close-quote</code> 将不会展示引号.</dd>
<dd> {{cssxref("content")}} 属性的值 <code>open-quote</code> 和 <code>close-quote</code> 将不会展示引号</dd>
<dt><code>auto</code></dt>
<dd>用适当的引号,基于在所选元素上设置的任何语言值(例如,通过 {{htmlattrxref("lang")}} 属性)。</dd>
<dt><code>[&lt;string&gt; &lt;string&gt;]+</code></dt>
@@ -101,8 +101,8 @@ <h4 id="结果_2">结果</h4>
<h2 id="Notes" name="Notes">备注</h2>

<ul>
<li>对于大多数浏览器,引号的默认值始终为auto(Firefox 70+),否则浏览器具有此默认行为(Chromiums,Safari,Edge),因此上面的示例可以在不显式设置的情况下工作。</li>
<li>从Firefox 3.5开始,可以使用 <code>-moz-<a class="internal" href="/en-US/docs/CSS/initial" title="en-US/docs/CSS/initial">initial</a></code>读取quotes属性的初始值,这在Firefox的早期版本中是不可能的。</li>
<li>对于大多数浏览器,引号的默认值始终为 auto(Firefox 70+),否则浏览器具有此默认行为(Chromiums,Safari,Edge),因此上面的示例可以在不显式设置的情况下工作。</li>
<li>从 Firefox 3.5 开始,可以使用 <code>-moz-<a class="internal" href="/en-US/docs/CSS/initial" title="en-US/docs/CSS/initial">initial</a></code>读取 quotes 属性的初始值,这在 Firefox 的早期版本中是不可能的。</li>
</ul>

<h2 id="Specifications" name="Specifications">规范</h2>
10 changes: 5 additions & 5 deletions files/zh-cn/web/css/ratio/index.html
Original file line number Diff line number Diff line change
@@ -5,13 +5,13 @@
---
<div>{{CSSRef}}</div>

<p>       &lt;ratio&gt; CSS数据类型,用于描述媒体查询中的宽高比,表示两个无单位值之间的比例。</p>
<p>       &lt;ratio&gt; CSS 数据类型,用于描述媒体查询中的宽高比,表示两个无单位值之间的比例。</p>

<h2 id="句法">句法</h2>

<p>       在Media Queries Level 3中,&lt;ratio&gt;数据类型包括一个正数的<a href="/zh-CN/docs/Web/CSS/integer">&lt;integer&gt;</a>值,后跟一个正斜杠('/',Unicode U + 002F SOLIDUS)和第二个正数的<a href="/zh-CN/docs/Web/CSS/integer">&lt;integer&gt;</a>值。斜杠前后的空格是可选的。第一个数字代表宽度,第二个数字代表高度。</p>
<p>       在 Media Queries Level 3 中,&lt;ratio&gt;数据类型包括一个正数的<a href="/zh-CN/docs/Web/CSS/integer">&lt;integer&gt;</a>值,后跟一个正斜杠('/',Unicode U + 002F SOLIDUS)和第二个正数的<a href="/zh-CN/docs/Web/CSS/integer">&lt;integer&gt;</a>值。斜杠前后的空格是可选的。第一个数字代表宽度,第二个数字代表高度。</p>

<p>       在Media Queries Level 4中,&lt;ratio&gt;数据类型包括一个正数的<a href="/zh-CN/docs/Web/CSS/number">&lt;number&gt;</a>值,后跟一个正斜杠('/',Unicode U + 002F SOLIDUS)和第二个正数的<a href="/zh-CN/docs/Web/CSS/number">&lt;number&gt;</a>值。此外,允许使用单个<a href="/zh-CN/docs/Web/CSS/number">&lt;number&gt;</a>作为值。</p>
<p>       在 Media Queries Level 4 中,&lt;ratio&gt;数据类型包括一个正数的<a href="/zh-CN/docs/Web/CSS/number">&lt;number&gt;</a>值,后跟一个正斜杠('/',Unicode U + 002F SOLIDUS)和第二个正数的<a href="/zh-CN/docs/Web/CSS/number">&lt;number&gt;</a>值。此外,允许使用单个<a href="/zh-CN/docs/Web/CSS/number">&lt;number&gt;</a>作为值。</p>

<h2 id="例子">例子</h2>

@@ -35,7 +35,7 @@ <h3 id="常见的宽高比">常见的宽高比</h3>
<tr>
<td><img alt="Ratio4_3.png" class="default internal" src="/@api/deki/files/5714/=Ratio4_3.png"></td>
<td><code>4/3</code></td>
<td>在20传统电视制式格式。</td>
<td>在 20 传统电视制式格式。</td>
</tr>
<tr>
<td><img alt="Ratio16_9.png" src="/@api/deki/files/5711/=Ratio16_9.png"></td>
@@ -46,7 +46,7 @@ <h3 id="常见的宽高比">常见的宽高比</h3>
<td><img alt="Ratio1_1.85.png" src="/@api/deki/files/5712/=Ratio1_1.85.png"></td>
<td><code>185/100</code>= <code>91/50</code><br>
<em>(不允许非整数除数和除数)</em></td>
<td>自20世纪60年代以来最常见的电影格式。</td>
<td>自 20 世纪 60 年代以来最常见的电影格式。</td>
</tr>
<tr>
<td><img alt="Ratio1_2.39.png" src="/@api/deki/files/5713/=Ratio1_2.39.png"></td>
8 changes: 4 additions & 4 deletions files/zh-cn/web/css/reference/index.html
Original file line number Diff line number Diff line change
@@ -46,16 +46,16 @@ <h4 id="样式规则示例">样式规则示例</h4>
}
</pre>

<p>有关 CSS 选择器语法的初学者介绍,请参阅<a href="/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Selectors">此教程</a>。注意,规则定义中的任何 <a href="/zh-CN/docs/Web/CSS/syntax">CSS 语法</a>错误都将使整个规则无效。无效的规则将被浏览器忽略。注意CSS定义完全是<a href="https://www.w3.org/TR/css-syntax-3/#intro">基于文本</a>(ASCII)的 , 而 DOM-CSS / CSSOM (规则管理系统) 是<a href="https://www.w3.org/TR/cssom/#introduction">基于对象</a>的。</p>
<p>有关 CSS 选择器语法的初学者介绍,请参阅<a href="/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Selectors">此教程</a>。注意,规则定义中的任何 <a href="/zh-CN/docs/Web/CSS/syntax">CSS 语法</a>错误都将使整个规则无效。无效的规则将被浏览器忽略。注意 CSS 定义完全是<a href="https://www.w3.org/TR/css-syntax-3/#intro">基于文本</a>(ASCII) 的 , 而 DOM-CSS / CSSOM (规则管理系统) 是<a href="https://www.w3.org/TR/cssom/#introduction">基于对象</a>的。</p>

<h3 id="规则语法">@规则语法</h3>

<p>由于@规则间的结构变化很大,请参阅<a href="/zh-CN/docs/Web/CSS/At-rule">@规则</a>以找到你所想要的特定规则语法。</p>
<p>由于 @规则间的结构变化很大,请参阅<a href="/zh-CN/docs/Web/CSS/At-rule">@规则</a>以找到你所想要的特定规则语法。</p>

<h2 id="关键字索引">关键字索引</h2>

<div class="note">
<p><strong>注意</strong>:此索引中的属性名称不包括与CSS标准名称不同的 JavaScript 名称。</p>
<p><strong>注意</strong>:此索引中的属性名称不包括与 CSS 标准名称不同的 JavaScript 名称。</p>
</div>

<div>{{CSS_Ref}}</div>
@@ -81,7 +81,7 @@ <h3 id="分组选择器">分组选择器</h3>

<h3 id="组合选择器"><a href="/zh-CN/docs/Web/CSS/CSS_Selectors#Combinators">组合选择器</a></h3>

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

<ul>
<li><a href="/zh-CN/docs/CSS/Adjacent_sibling_selectors">相邻兄弟选择器</a> <code>A + B</code></li>
4 changes: 2 additions & 2 deletions files/zh-cn/web/css/repeat/index.html
Original file line number Diff line number Diff line change
@@ -60,9 +60,9 @@ <h3 id="取值">取值</h3>
<dt><code>min-content</code></dt>
<dd>代表占据网格轨道的网格项目所分配的最小内容区域的最小值。</dd>
<dt><code>auto</code></dt>
<dd>作为最大值,等同于 <code>max-content</code>。作为最小值,它代表占据网格轨道的网格项目的最小尺寸的最大值 (如同{{cssxref("min-width")}}/{{cssxref("min-height")}}所指定的))。</dd>
<dd>作为最大值,等同于 <code>max-content</code>。作为最小值,它代表占据网格轨道的网格项目的最小尺寸的最大值(如同{{cssxref("min-width")}}/{{cssxref("min-height")}}所指定的))。</dd>
<dt><code>auto-fill</code></dt>
<dd>如果网格容器在相关轴上具有确定的大小或最大大小,则重复次数是最大可能的正整数,不会导致网格溢出其网格容器。如果定义了,将每个轨道视为其最大轨道尺寸大小函数 ( <code>grid-template-rows</code> 或 <code>grid-template-columns</code>用于定义的每个独立值。 否则,作为最小轨道尺寸函数,将网格间隙加入计算. 如果重复次数过多,那么重复值是 <code>1</code> 。否则,如果网格容器在相关轴上具有确定的最小尺寸,重复次数是满足该最低要求的可能的最小正整数。 否则,指定的轨道列表仅重复一次。</dd>
<dd>如果网格容器在相关轴上具有确定的大小或最大大小,则重复次数是最大可能的正整数,不会导致网格溢出其网格容器。如果定义了,将每个轨道视为其最大轨道尺寸大小函数 ( <code>grid-template-rows</code> 或 <code>grid-template-columns</code>用于定义的每个独立值。 否则,作为最小轨道尺寸函数,将网格间隙加入计算如果重复次数过多,那么重复值是 <code>1</code> 。否则,如果网格容器在相关轴上具有确定的最小尺寸,重复次数是满足该最低要求的可能的最小正整数。否则,指定的轨道列表仅重复一次。</dd>
<dt><code>auto-fit</code></dt>
<dd>
<p>行为与 <code>auto-fill</code> 相同,除了放置网格项目后,所有空的重复轨道都将折叠。空轨道是指没有流入网格或跨越网格的网格项目。(如果所有轨道都为空,则可能导致所有轨道被折叠。)</p>
2 changes: 1 addition & 1 deletion files/zh-cn/web/css/replaced_element/index.html
Original file line number Diff line number Diff line change
@@ -47,7 +47,7 @@ <h2 id="CSS_与可替换元素">CSS 与可替换元素</h2>

<h3 id="控制内容框中的对象位置">控制内容框中的对象位置</h3>

<p>某些CSS属性可用于指定 可替换元素中包含的内容对象 在该元素的盒区域内的位置或定位方式。这些属性的具体定义可以在 {{SpecName("CSS3 Images")}} 和 {{SpecName("CSS4 Images")}} 规范中找到:</p>
<p>某些 CSS 属性可用于指定 可替换元素中包含的内容对象 在该元素的盒区域内的位置或定位方式。这些属性的具体定义可以在 {{SpecName("CSS3 Images")}} 和 {{SpecName("CSS4 Images")}} 规范中找到:</p>

<dl>
<dt>{{cssxref("object-fit")}}</dt>
4 changes: 2 additions & 2 deletions files/zh-cn/web/css/resize/index.html
Original file line number Diff line number Diff line change
@@ -47,7 +47,7 @@ <h3 id="取值">取值</h3>
<dd>Depending on the {{cssxref("writing-mode")}} and {{cssxref("direction")}} value, the element displays a mechanism for allowing the user to resize the element either horizontally or vertically in inline direction.</dd>
</dl>

<div class="note"><strong>Note:</strong> 如果一个block元素的 {{cssxref("overflow")}} 属性被设置成了<code>visible</code>,那么<code>resize</code>属性对该元素无效。</div>
<div class="note"><strong>Note:</strong> 如果一个 block 元素的 {{cssxref("overflow")}} 属性被设置成了<code>visible</code>,那么<code>resize</code>属性对该元素无效。</div>

<h3 id="标准语法">标准语法</h3>

@@ -59,7 +59,7 @@ <h3 id="Disabling_resizability_of_textareas">Disabling resizability of textareas

<h4 id="CSS">CSS</h4>

<p>{{HTMLElement("textarea")}} 元素在{{gecko("2.0")}} (Firefox 4)中默认是可以进行缩放的. 你可以通过下面的CSS代码来重写这种行为:</p>
<p>{{HTMLElement("textarea")}} 元素在{{gecko("2.0")}} (Firefox 4) 中默认是可以进行缩放的。你可以通过下面的 CSS 代码来重写这种行为:</p>

<pre class="brush: css">textarea.example {
  resize: none; /* disables resizability */
10 changes: 5 additions & 5 deletions files/zh-cn/web/css/resolution/index.html
Original file line number Diff line number Diff line change
@@ -11,21 +11,21 @@

<div>分辨率:用于描述<a href="/en-US/docs/Web/CSS/Media_Queries">媒体查询</a>中的分辨率的&lt;resolution&gt; CSS<a href="/en-US/docs/Web/CSS/CSS_Types">数据类型</a>表示输出设备的像素密度。</div>

<p>在屏幕上,单位与CSS英寸,厘米或像素有关,而与物理值无关。</p>
<p>在屏幕上,单位与 CSS 英寸,厘米或像素有关,而与物理值无关。</p>

<h2 id="Syntax">Syntax</h2>

<p>&lt;resolution&gt;数据类型由严格为正{{cssxref("&lt;number&gt;")}}组成,后跟下面列出的单位之一。与所有CSS维度一样,单位字面值与数字之间没有空格。</p>
<p>&lt;resolution&gt;数据类型由严格为正{{cssxref("&lt;number&gt;")}}组成,后跟下面列出的单位之一。与所有 CSS 维度一样,单位字面值与数字之间没有空格。</p>

<h3 id="单位">单位</h3>

<dl>
<dt><a id="dpi" name="dpi"><code id="dpi">dpi</code></a></dt>
<dd>表示<a href="https://en.wikipedia.org/wiki/Dots_per_inch">每英寸的点数</a>。屏幕通常每英寸包含72或96个点,但打印文档的dpi通常要大得多。 1英寸是2.54厘米,1dpi≈0.39dpcm。</dd>
<dd>表示<a href="https://en.wikipedia.org/wiki/Dots_per_inch">每英寸的点数</a>。屏幕通常每英寸包含 72 或 96 个点,但打印文档的 dpi 通常要大得多。1 英寸是 2.54 厘米,1dpi≈0.39dpcm。</dd>
<dt><a id="dpcm" name="dpcm"><code id="dpcm">dpcm</code></a></dt>
<dd><a href="https://en.wikipedia.org/wiki/Dots_per_inch">每厘米上的点数</a>。1英寸是2.54厘米, <code>1dpcm ≈ 2.54dpi</code>.</dd>
<dd><a href="https://en.wikipedia.org/wiki/Dots_per_inch">每厘米上的点数</a>。1 英寸是 2.54 厘米,<code>1dpcm ≈ 2.54dpi</code>.</dd>
<dt><a id="dppx" name="dppx"><code id="dppx">dppx</code></a></dt>
<dd>表示每个<code><a href="/en-US/docs/Web/CSS/length#px">px</a></code>的点数。 由于CSS px的固定比率为1:96,因此1dppx相当于96dpi。 which corresponds to the default resolution of images displayed in CSS as defined by {{cssxref("image-resolution")}}.</dd>
<dd>表示每个<code><a href="/en-US/docs/Web/CSS/length#px">px</a></code>的点数。 由于 CSS px 的固定比率为 1:96,因此 1dppx 相当于 96dpi。 which corresponds to the default resolution of images displayed in CSS as defined by {{cssxref("image-resolution")}}.</dd>
<dt><a id="x" name="x"><code>x</code></a></dt>
<dd> <code>dppx</code> 的别名</dd>
</dl>
2 changes: 1 addition & 1 deletion files/zh-cn/web/css/resolved_value/index.html
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
---
<div>{{cssref}}</div>

<p>CSS 属性的解析值(<strong>resolved value</strong> )是 {{domxref("Window.getComputedStyle", "getComputedStyle()")}}返回的值。 对于大多数属性,它是计算值{{cssxref("computed_value", "computed value") }},但对于一些旧属性(包括宽度和高度),它是使用值{{cssxref("used_value", "used value")}}。 有关详细信息,请参阅下面的规范链接。</p>
<p>CSS 属性的解析值(<strong>resolved value</strong> )是 {{domxref("Window.getComputedStyle", "getComputedStyle()")}}返回的值。对于大多数属性,它是计算值{{cssxref("computed_value", "computed value") }},但对于一些旧属性(包括宽度和高度),它是使用值{{cssxref("used_value", "used value")}}。有关详细信息,请参阅下面的规范链接。</p>

<h2 id="规范">规范</h2>

10 changes: 5 additions & 5 deletions files/zh-cn/web/css/right/index.html
Original file line number Diff line number Diff line change
@@ -28,11 +28,11 @@
<ul>
<li>当<code>position</code>设置为<code>absolute</code>或<code>fixed</code>时,<code>right</code>属性指定了定位元素右外边距边界与其包含块右边界之间的偏移。</li>
<li>当<code>position</code>设置为<code>relative</code>时,<code>right</code>属性指定了元素的右边界离开其正常位置的偏移。</li>
<li>当<code>position</code>设置为<code>sticky</code>时,如果元素在viewport里面,<code>right</code>属性的效果和position为<code>relative</code>等同;如果元素在viewport外面,<code>right</code>属性的效果和position为<code>fixed</code>等同。</li>
<li>当<code>position</code>设置为<code>sticky</code>时,如果元素在 viewport 里面,<code>right</code>属性的效果和 position 为<code>relative</code>等同;如果元素在 viewport 外面,<code>right</code>属性的效果和 position 为<code>fixed</code>等同。</li>
<li>当<code>position</code>设置为<code>static</code>时,<code>right</code>属性无效。</li>
</ul>

<p>当{{cssxref("left")}}​​​​​​和right同时指定时,元素的位置会被重复指定。当容器是从左到右时,<code>left</code>的值会被优先设定;当容器是从右到左时,<code>right</code>的值会被优先设定。</p>
<p>当{{cssxref("left")}}​​​​​​和 right 同时指定时,元素的位置会被重复指定。当容器是从左到右时,<code>left</code>的值会被优先设定;当容器是从右到左时,<code>right</code>的值会被优先设定。</p>

<p>{{cssinfo}}</p>

@@ -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("left") }}属性为准,如果此时设置<code>width: auto</code>,将基于内容需要的宽度设置宽度;如果<code>left</code>也为<code>auto</code>的话,元素的水平位置就是它假如作为静态(即static)元素时该在的位置。</li>
<li>对于绝对定位元素,元素将忽略此属性而以{{ Cssxref("left") }}属性为准,如果此时设置<code>width: auto</code>,将基于内容需要的宽度设置宽度;如果<code>left</code>也为<code>auto</code>的话,元素的水平位置就是它假如作为静态 (即 static) 元素时该在的位置。</li>
<li>对于相对定位元素,元素相对正常位置的偏移量将基于{{ Cssxref("left") }}属性;如果<code>left</code>也为 <code>auto</code>的话,元素将不会有偏移。</li>
</ul>
</dd>
2 changes: 1 addition & 1 deletion files/zh-cn/web/css/row-gap/index.md
Original file line number Diff line number Diff line change
@@ -134,4 +134,4 @@ row-gap: unset;
## 参见

- 相关 CSS 属性:{{cssxref("column-gap")}}、{{cssxref("gap")}}
- 网格布局指南: _[网格布局基本概念 - 网格间距](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#网格间距)_
- 网格布局指南_[网格布局基本概念 - 网格间距](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#网格间距)_
Loading