mozilla

比较版本

文本样式

更改版本

修订版 537587:

由 bingguo 在 进行的修订 537587

修订版 537645:

由 bingguo 在 进行的修订 537645

标题:
文本样式
文本样式
网址缩略名:
CSS/开始/Text_styles
CSS/开始/Text_styles
内容:

修订版 537587
修订版 537645
n122      To turn any of these off individually, you can specify the n122      如果我们想单独设置某个效果失效,我们可以把其相应的属性设置为normal或inherit.
>value <code>normal</code> or <code>inherit</code>. 
n126        More detailsn126        详细资料
n129        You can specify text styles in a variety of other ways.n129        我们也可以采用其他方式指定文本样式。
130      </p>
131      <p>130      </p>
132        For example, some of the properties mentioned here have o
>ther values that you can use. 
133      </p>131      <p>
132        <span style="line-height: 1.5;">比如,这里提到的几个属性的其他值。</span>
134      <p>133      </p>
135        In a complex stylesheet, avoid using the shorthand <code>
>font</code> property, because of its side-effects (resetting othe 
>r individual properties). 
136      </p>134      <p>
135        在一个复杂的样式表中,应该避免使用font属性,因为它的副作用(重置其他个体属性)。
137      <p>136      </p>
138        For full details of the properties that relate to fonts, 
>see <a class="external" href="http://www.w3.org/TR/CSS21/fonts.ht 
>ml">Fonts</a> in the CSS Specification. For full details of text  
>decoration, see <a class="external" href="http://www.w3.org/TR/CS 
>S21/text.html">Text</a> there. 
139      </p>137      <p>
138        字体相关的全部细节,可以在CSS规范里查看<a class="external" href="http://www
 >.w3.org/TR/CSS21/fonts.html" style="line-height: 1.5;">Fonts</a><
 >span style="line-height: 1.5;">&nbsp;。文本修饰相关可以查看</span><span styl
 >e="line-height: 1.5;">&nbsp;</span><a class="external" href="http
 >://www.w3.org/TR/CSS21/text.html" style="line-height: 1.5;">Text<
 >/a><span style="line-height: 1.5;">&nbsp;。</span>
140      <p>139      </p>
141        If you don't want to depend on the typefaces installed on140      <p>
> users' systems, you can use {{ cssxref("@font-face") }} to speci 
>fy an online font. However, this requires that the users have a b 
>rowser that supports this rule. 
141        如果我们不想使用系统上的默认字体库,我们可以使用{ { cssxref(@font-face)} }指定一个在线字
 >体。然而,这要求用户的浏览器支持该字体。
n145      Action: Specifying fontsn145      操作:指定字体
n148      For a simple document, you can set the font of the {{ HTMLEn148      对于一个简单的页面,我们可以设置&nbsp;{{ HTMLElement("body") }}元素的字体,然后页面中的
>lement("body") }} element and the rest of the document inherits t>其他元素继承这个设置。
>he settings. 
n151      <li>Edit your CSS file.n151      <li>编辑我们的样式表。
n153      <li>Add the following rule to change the font throughout thn153      <li>添加以下规则到你的样式表中。推荐这个规则放在css文件的开头:
>e document. The top of the CSS file is a logical place for it, bu 
>t it has the same effect wherever you put it: 
n158      <li>Add a comment explaining the rule, and add white space n158      <li>添加一个该规则的注释,可以添加空格匹配你的整体样式布局。
>to make it match your preferred layout. 
n160      <li>Save the file and refresh your browser to see the effecn160      <li>保存文件并刷新浏览器查看效果。如果你的系统有Comic Sans MS或cursive字体,这两种字体都不支持
>t. If your system has Comic Sans MS, or another cursive font that>斜体。你的浏览器会自动选择另一种字体实现斜体,效果如第一行。
> does not support italic, then your browser chooses a different f 
>ont face for the italic text in the first line: 
n176      <li>From your browser's menu bar, choose <strong>View &gt; n176      <li>从浏览器的菜单栏中选择 视图 &gt; 字体大小 &gt; 放大(或视图 &gt; 缩放 &gt; 放大)。即
>Text Size &gt; Increase</strong> (or <strong>View &gt; Zoom &gt; >使你在样式里指定了字体为16px。用户浏览网页时,还是可以改变字体字号的大小。
>Zoom In</strong>). Even though you specified 16 pixels in the sty 
>le, a user reading the document can change the size. 
n181        Challengen181        挑战
t184        Without changing anything else, make all six initial lettt184        不改变什么,让6个初始字母的字号大小调整为2倍于浏览默认的衬线字体:
>ers twice the size in the browser's default serif font: 

返回历史