龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

学习CSS之属性

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
一、字体属性 1. font-family :字体族 常用的属性值有:Arial,Courer,宋体 style type=text/css p.song{ font-family:宋体; } /style 2 .font-size :字体大小 常用单位为pt(point,磅),px(pixel,像素),有时也可用xx-sma

一、字体属性
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>
   


精彩图集

赞助商链接