⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 css7.htm

📁 CSS的介绍
💻 HTM
字号:
🔍 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#0072A8}
     A:visited {text-decoration: none; color: #0072A8}
     A:active {text-decoration: none; color: #FF0000}
     A:hover {text-decoration: underline; color: FF0000}
       body{font-size=9pt}
	TH{FONT-SIZE: 9pt}
   TD{ FONT-SIZE: 9pt}-->
</style>
<meta name="keywords" content="homepage,designer,免费,html,Dhtml,CGI,DW,flash,fireworks,java,Javascript,CGI,frontpage,photoshop,free,原代码，教程">
<meta name="Author" content="kunshan,china,ajie,阿捷,ajie@nease.net">
<title>CSS中文教程--文本属性</title>
</head>

<body bgcolor="#FFFFFF">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="9%"></td>
    <td width="81%"><p align="center"><img src="csstop.gif" alt="csstop.gif (6568 bytes)" WIDTH="420" HEIGHT="58"></td>
    <td width="10%"></td>
  </tr>
  <tr>
    <td width="9%"></td>
    <td width="81%"><table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%" bgcolor="#C0C0C0"><p align="center"><a href="index.htm">返回<font face="Arial">DHTML</font>栏目</a>　<a href="../index.html">返回首页</a>　　本教程译文：<a href="mailto:water_tang@126.com">Water Tang</a> 和 <a href="mailto:tian_tang@126.com">Xianzhen 
        Liang</a></td>
      </tr>
    </table>
    </td>
    <td width="10%"></td>
  </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="9%"></td>
    <td width="81%"><hr color="#808080">
    </td>
    <td width="10%"></td>
  </tr>
  <tr>
    <td width="9%"></td>
    <td width="81%"><p align="center">文本属性</p>
    <p>--------------------------------------------------------------------------------<br>
    <br>
    <strong>文字间隔</strong><br>
    语法: word-spacing: &lt;值&gt;<br>
    <br>
    允许值: normal | &lt;长度&gt;<br>
    <br>
    初始值: normal<br>
    <br>
    适用于: 所有元素<br>
    <br>
    向下兼容: 是<br>
    <br>
    <br>
    文字间隔属性定义一个附加在文字之间的间隔数量。该值必须符合长度格式，允许使用负值。<br>
    <br>
    例如:<br>
    <br>
    P EM { word-spacing: 0.4em }<br>
    P.note { word-spacing: -0.2em }<br>
    <br>
    --------------------------------------------------------------------------------<br>
    <br>
    <strong>字母间隔</strong><br>
    语法: letter-spacing: &lt;值&gt;<br>
    <br>
    允许值: normal | &lt;长度&gt;<br>
    <br>
    初始值: normal<br>
    <br>
    适用于: 所有元素<br>
    <br>
    向下兼容: 是<br>
    <br>
    <br>
    字母间隔属性定义一个附加在字符之间的间隔数量。该值必须符合长度格式，允许使用负值。一个设为零的值会阻止文字的调整。<br>
    <br>
    例如:<br>
    <br>
    H1 { letter-spacing: 0.1em }<br>
    P.note { letter-spacing: -0.1em }<br>
    <br>
    --------------------------------------------------------------------------------<br>
    <br>
    <strong>文本修饰</strong><br>
    语法: text-decoration: &lt;值&gt;<br>
    <br>
    允许值: none | [ underline || overline || line-through || blink ]<br>
    <br>
    初始值: none<br>
    <br>
    适用于: 所有元素<br>
    <br>
    向下兼容: 否<br>
    <br>
    <br>
    文本修饰属性允许通过五个属性中的一个来修饰文本: underline (下划线)，overline 
    (上划线)，line-through (删除线)，blink (闪烁)，或缺省地使用无。<br>
    <br>
    例如，使用下列语句可以使连接不再有下划线:<br>
    <br>
    A:link,A:visited,A:active { text-decoration: none }<br>
    <br>
    --------------------------------------------------------------------------------<br>
    <br>
    <strong>纵向排列</strong><br>
    语法: vertical-align: &lt;值&gt;<br>
    <br>
    允许值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | &lt;百分比&gt;<br>
    <br>
    初始值: baseline<br>
    <br>
    适用于: 内部元素<br>
    <br>
    向下兼容: 否<br>
    <br>
    <br>
    纵向排列属性可以用作一个内部元素的纵向位置，相对于它的上级元素或相对于元素行。(一个内部元素是没有行在其前和后断开的，例如，在HTML中的EM，A，和IMG)<br>
    <br>
    该值可以是一个相对于元素行高属性的百分比，它会在上级基线上增高元素基线的指定数量。允许使用负值。<br>
    <br>
    该值也可以是一个关键字。以下的关键字将影响相对于上级元素的位置: 
    <br>
    <br>
    baseline (使元素和上级元素的基线对齐) <br>
    middle (纵向对齐元素基线加上上级元素的x-高度——字母&quot; x &quot;的高度——的一半的中点) 
    <br>
    sub (下标) <br>
    super (上标) <br>
    text-top (使元素和上级元素的字体向上对齐) <br>
    text-bottom (使元素和上级元素的字体向下对齐) <br>
    影响相对于元素行的位置的关键字有 <br>
    <br>
    top (使元素和行中最高的元素向上对齐) <br>
    bottom (使元素和行中最低的元素向下对齐) <br>
    纵向排列属性对于排列图象特别有用。以下是一些例子:<br>
    <br>
    IMG.middle { vertical-align: middle }<br>
    IMG { vertical-align: 50% }<br>
    .exponent { vertical-align: super }<br>
    <br>
    --------------------------------------------------------------------------------<br>
    <br>
    <strong>文本转换</strong><br>
    语法: text-transform: &lt;值&gt;<br>
    <br>
    允许值: none | capitalize | uppercase | lowercase<br>
    <br>
    初始值: none<br>
    <br>
    适用于: 所有元素<br>
    <br>
    向下兼容: 是<br>
    <br>
    <br>
    文本转换属性允许通过四个属性中的一个来转换文本: <br>
    <br>
    capitalize (使每个字的第一个字母大写) <br>
    uppercase (使每个字的所有字母大写) <br>
    lowercase (使每个字的所有字母小写) <br>
    none (使用原始值) <br>
    例如:<br>
    <br>
    H1 { text-transform: uppercase }<br>
    H2 { text-transform: capitalize }<br>
    文本转换属性仅仅被用于表达某种格式的要求。这并非很适当的做法，例如，用文本转换使一些国家的名字的第一个字母大写，而其它字母小写。<br>
    <br>
    <br>
    --------------------------------------------------------------------------------<br>
    <br>
    <strong>文本排列</strong><br>
    语法: text-align: &lt;值&gt;<br>
    <br>
    允许值: left | right | center | justify<br>
    <br>
    初始值: 由浏览器决定<br>
    <br>
    适用于: 块级元素<br>
    <br>
    向下兼容: 是<br>
    <br>
    <br>
    文本排列属性可以应用于块级元素(P，H1，等)，使元素文本得到排列。这个属性的功能类似于HTML的段、标题和部分的ALIGN属性。<br>
    <br>
    以下是一些例子:<br>
    <br>
    H1 { text-align: center }<br>
    P.newspaper { text-align: justify }<br>
    <br>
    --------------------------------------------------------------------------------<br>
    <br>
    <strong>文本缩进</strong><br>
    语法: text-indent: &lt;值&gt;<br>
    <br>
    允许值: &lt;长度&gt; | &lt;百分比&gt;<br>
    <br>
    初始值: 0<br>
    <br>
    适用于: 块级元素<br>
    <br>
    向下兼容: 是<br>
    <br>
    <br>
    文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:<br>
    <br>
    P { text-indent: 5em }<br>
    <br>
    <br>
    （未完）<br>
    --------------------------------------------------------------------------------<br>
    <br>
    <br>
    版权信息：本教程是根据W3制定的CSS标准语法英文版本由<a href="mailto:water_tang@126.com">Water Tang</a>和<a href="mailto:tian_tang@126.com">Xianzhen 
    Liang</a>翻译而成的。<br>
    　　　　　由《<a href="http://pageone.yeah.net" target="_blank">网页设计师</a>》制作网页教程，你可以转载本教程，但请尊重译者和阿捷的辛勤劳动。<br>
    　　　　　转载时注明译者和教程出处。谢谢！</p>
    <p align="right">　<a href="css6.htm">上一节</a>　<a href="css8.htm">下一节</a>　<a href="index.htm">返回dhtml栏目</a>　<a href="../index.html">返回首页</a></td>
    <td width="10%"></td>
  </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"><hr color="#000000" width="90%">
    </td>
  </tr>
  <tr>
    <td width="100%" align="center">《<a href="http://pageone.yeah.net">网页设计师</a>》 
    阿捷制作 </td>
  </tr>
  <tr>
    <td width="100%" align="center"><font face="Arial">&copy;1999-2000</font> <font face="Arial">All Rights Reserved</font></td>
  </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -