学习CSS之属性

学习CSS之属性

一、字体属性
1.font-family:字体族
常用的属性值有:Arial,Courer,宋体
<style type=”text/css”>
 p.song{
          font-family:宋体;
        }
</style>
2.font-size:字体大小
常用单位为pt(point,磅),px(pixel,像素),有时也可用xx-small,x-small,medium,large,x-large,xx-

large
如:
<style type=”text/css”>
 p.large{
          font-size:20pt;
        }
</style>
3.font-style:字体样式
属性值有:normal, italic, oblique,其中italic和oblique为斜体,但有些浏览器不支持oblique,建议

用斜体时使用italic

4.font-weight:字体粗细
属性值有:normal(默认值),bold,bolder,lighter

5.color:字体颜色

二、文本属性
1.text-indent:文本缩进
该属性可以指定段落首行的缩进

2.text-align:文本对齐
属性值有:left(默认值),right

3.text-decoration:文本修饰
用于指定文本和横线的关系,属性值有:none(默认值),overline(上划线),line-through(当中划

线),underline(下划线)

4.letter-spacing:字符间距
属性值可设定特定长度,默认值为normal
用于指定文本的颜色

示例:
text.html:

<html>
    <head>
      <title>文本属性演示</title>
      <link href=”text_show.css” rel=”stylesheet” style=”text/css”>
     
    </head>
    <body>
     <p class=”indent”>这是文本缩进,0.5in ,首行缩进</p>
     <p>这是默认对齐方式</p>
     <p class=”alignr”>这是右对齐方式</p>
     <p>这是普通文本,无文本修饰</p>
     <p class=”overline”>文本有上划线</p>
     <p class=”through”>文本中间划线</p>
     <p class=”underline”>文本有下划线</p>
   

学习CSS之属性

相关文章:

你感兴趣的文章:

标签云: