职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 1047|回复: 0

详细学习网页制作技术CSS的文本属性

[复制链接]
胖哥 发表于 2007-8-14 10:33 | 显示全部楼层 |阅读模式
文本(Text)属性:
这里的属性将影响WEB文档中的文本显示情况。
text-indent属性描述文本的缩进程度:
属性名称: 'text-indent'
属性值: <length> | <percentage>
初始值: 0
适合对象: 容器元素
是否继承: yes
百分比备注: 根据父元素的宽度而定
下面的例子表明段落的缩进值为3em:
P { text-indent: 3em }
Alignment属性表明文本的对齐方式:
属性名称: &#39;alignment&#39;
属性值: left | right | center | justify
初始值: 依照用户定义
适合对象: block-level elements
是否继承: yes
百分比备注: 被禁止
text-decoration属性描述对文本的修饰方法:
属性名称: &#39;text-decoration&#39;
属性值: none | [ underline || overline || line-through || blink ]
初始值: none
适合对象: 所有元素
是否继承: no (see clarification below)
百分比备注: 被禁止
属性值含义分别为:
underline:下划线。
overline:上划线。
line-through:删除线。
blink:闪烁(如同Navigator中的blink标记的功能)
text-shadow属性可以为文本加入阴影的特效:
属性名称: &#39;text-shadow&#39;
属性值: none | <color> [, <color> ]*
初始值: none
适合对象: all
是否继承: No
百分比备注: 只在描述透明度时有效
例如:
P { text-shadow: black }
上例将在文本的右下方显示黑色阴影,另外阴影将增大BOX的面积。
letter-spacing属性表明文本的字间距:属性名称: &#39;letter-spacing&#39;
属性值: normal | <length> | auto
初始值: normal
适合对象: 所有元素
是否继承: yes

百分比备注: 被禁止
例如:
BLOCKQUOTE { letter-spacing: 0.1em }
word-spacing属性表明文本中单词间距:
属性名称: &#39;word-spacing&#39;
属性值: normal | <length>
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
例如:
H1 { word-spacing: 1em }
text-transform属性可以将BOX内的文本按指定的大写或小写形式显示:
属性名称: &#39;text-transform&#39;
属性值: capitalize | uppercase | lowercase | none
初始值: none
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
属性值含义为:
capitalize:把BOX中的每句句首字母变成大写。
uppercase:把BOX中所有的字母变成大写。
lowercase:把BOX中所有的字母变成小写。
White-space属性描述如何显示文本中的空格,在HTML中,空格是被省略的,也就是说你在一个段落标记的开头无论输入多少个空格都是无效的,要输入空格有两个方法,一是直接输入空格的代码\" \",或者使用<pre>标记,CSS中也制定了类似于pre的属性:
属性名称: &#39;white-space&#39;
属性值: normal | pre | nowrap
初始值: normal
适合对象: 容器元素
是否继承: yes
百分比备注: 被禁止
例如:
PRE { white-space: pre }
P { white-space: normal }
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-5-3 11:06 , Processed in 0.138100 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表