您的位置:CSS5 > DIV CSS基础 >

 

CSS 文本布局

 

CSS文本基础知识

目录
  1. 换行
  2. 上下行间距
  3. CSS段首缩进
  4. 字间距
  5. 更多学习方法

这里讲解CSS 文本,主要介绍文本字段换行、文本文字间间隔、文本缩进、文本文字上下排间隔等DIV CSS文本样式

DIV CSS文本知识整理
1、文本字段换行  -  TOP html中使用<br />和<p>
<br />和<p>

2、文本上下排字间间隔   -  TOP
使用CSS属性单词:line-height 作用:定义对象行高,后面跟具体的数值和单位
line-height-DIV+CSS示例:

div {line-height:22px; } 

即定义行高为22px,设置文段每行文字为22px间距。

3、CSS文本缩进   -  TOP
使用CSS单词:text-indent 作用:设置对象中的文本的缩进,后面也跟具体数值和单位text-indent DIV+CSS示例:

div { text-indent : 25px; } 

即定义对象内开头的文字往后缩进25px
效果如下:

CSS文本样式
 
4、文本文字间间隔   -  TOP
使用单词letter-spacing作用:设置对象内文本字与字之间间距距离,后跟具体数值和单位CSS教程示例:
div {letter-spacing:6px; }

即定义字与字之间距离为6px

文本字间距
设置文本字间距为6px的效果

更多学习方法   -  TOP

更多CSS 单词可进入CSS手册查看-知识+CSS实例。

CSS font
css 注解
CSS 字间距
css 下划线

标签(Tag):
本文分享URL地址:http://css5.com.cn/css/134.shtml

更多

上一页: 上一篇:css text-decoration 字体划线样式教程
下一页: 下一篇:CSS 指向定向设置样式

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2010-04-25     点击:
原创:CSS5     来源网址:http://css5.com.cn/css/134.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!