设为首页收藏本站

九九站长,站长论坛,discuz教程

 找回密码
 立即注册
查看: 934|回复: 2
收起左侧

[div+css技术] CSS文本的属性设置!

[复制链接]

103

主题

124

帖子

1147

积分

九九级-管理员

Rank: 9Rank: 9Rank: 9

交易币
331 枚
发表于 2013-5-1 11:51:38 | 显示全部楼层 |阅读模式

注册加入九九站长论坛,一起交流,学习,分享网站技术,资源等!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

文本的属性有那些呢?如下表:
color设置文本颜色            常用
direction设置文本方向。           少用
line-height设置行高。                  常用
letter-spacing设置字符间距。           没用
text-align对齐元素中的文本。      常用
text-decoration向文本添加修饰。          常用
text-indent缩进元素中文本的首行。  常用
white-space设置元素中空白的处理方式。   少用
word-spacing设置字间距。            少用

只需要记住我标记出来常用的就可以了,不常用的一些属性可以不用记住,只要知道有这么个属性,要用到的时候背不起的话可以查看参考手册里面找!我讲的案例也是只讲的常用的些!


color设置文本的颜色,如给p段落标签设置为红色:
<p style="color:#ff0000">这里面是内容,929站长</p>
颜色的值自己选,用16进制还是用英文单词都可以,最好用16进制!

line-height行高设置,值通常用的像素,px,比如有个标题,我们把标题的高设置为30像素,那么怎么让标题在30px里面居中呢,我们用的就是行高:
<h3 style="line-height:30px;">这时标题标签,还记得吧!</h3>

text-align的值有三种,left   center  right     左   中  右的意思,比如我们建个div标签,高100px;宽为400px;在里面设置个标题的话,那么就可以设置此标题现在的位置,代码如下:
<html>
<head>
<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>
<body>
<div style="width:400px;height:100px;background:red;">
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
</div>
</body>
</html>

复制写出来看看!



text-decoration的值有好几个,是修饰文本的意思,大家查下参考手册吧,但这些值里面最常用的一个是text-decoration:none;意思是说不要修饰文本,主要是用在给a标签去掉它默认的代下划线!


text-indent,文本首行缩进的意思,缩进的值也就我们以前讲过的单位值了。有em 、px、、、、、、一般这个属性用在段落里面第一行缩进多少,一般是缩进两个字体的值,比如说我们有一个段落,字体大小为12px;那我们就缩进24px;
<p style="font-size:12px;text-indent:24px;">段落内容段落内容段落内容段落内容段落内容段落内容</p>





特别无聊,来九九站长看下教程!

0

主题

60

帖子

69

积分

九一级

Rank: 1

交易币
0 枚
发表于 2013-12-4 00:46:38 | 显示全部楼层
好的,属性加强
回复 支持 反对

使用道具 举报

0

主题

60

帖子

69

积分

九一级

Rank: 1

交易币
0 枚
发表于 2013-12-4 00:46:50 | 显示全部楼层
加强中学习的凝聚力
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网上报警岗亭图标

Archiver|手机版|小黑屋|九九站长网 ( 渝ICP备13002263 )  
站长论坛   建站教程   discuz教程   discuz模板下载   网站优化
九九站长论坛版权所有:© 2001-2015;如有侵犯你的权利,请告知!

网警备案图
快速回复 返回顶部 返回列表