CSS手册简编:文本属性

css

CSS属性:

6、文本(Text)属性:

这里的属性将影响WEB文档中的文本显示情况。

text-indent属性描述文本的缩进程度:

属性名称: 'text-indent'
属性值: <length> | <percentage>
初始值: 0
适合对象: 容器元素
是否继承: yes
百分比备注: 根据父元素的宽度而定

下面的例子表明段落的缩进值为3em:

P { text-indent: 3em }

Alignment属性表明文本的对齐方式:

属性名称: 'alignment'
属性值: left | right | center | justify
初始值: 依照用户定义
适合对象: block-level elements
是否继承: yes
百分比备注: 被禁止

text-decoration属性描述对文本的修饰方法:

属性名称: 'text-decoration'
属性值: none | [ underline || overline || line-through || blink ]
初始值: none
适合对象: 所有元素
是否继承: no (see clarification below)
百分比备注: 被禁止

属性值含义分别为:
underline:下划线。
overline:上划线。
line-through:删除线。
blink:闪烁(如同Navigator中的blink标记的功能)

text-shadow属性可以为文本加入阴影的特效:

属性名称: 'text-shadow'
属性值: none | <color> [, <color> ]*
初始值: none
适合对象: all
是否继承: No
百分比备注: 只在描述透明度时有效

例如:

P { text-shadow: black }

上例将在文本的右下方显示黑色阴影,另外阴影将增大BOX的面积。

letter-spacing属性表明文本的字间距:属性名称: 'letter-spacing'

属性值: normal | <length> | auto
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

例如:

BLOCKQUOTE { letter-spacing: 0.1em }

word-spacing属性表明文本中单词间距:

属性名称: 'word-spacing'
属性值: normal | <length>
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

例如:

H1 { word-spacing: 1em }

text-transform属性可以将BOX内的文本按指定的大写或小写形式显示:

属性名称: 'text-transform'
属性值: capitalize | uppercase | lowercase | none
初始值: none
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

属性值含义为:
capitalize:把BOX中的每句句首字母变成大写。
uppercase:把BOX中所有的字母变成大写。
lowercase:把BOX中所有的字母变成小写。

White-space属性描述如何显示文本中的空格,在HTML中,空格是被省略的,也就是说你在一个段落标记的开头无论输入多少个空格都是无效的,要输入空格有两个方法,一是直接输入空格的代码" ",或者使用<pre>标记,CSS中也制定了类似于pre的属性:

属性名称: 'white-space'
属性值: normal | pre | nowrap
初始值: normal
适合对象: 容器元素
是否继承: yes
百分比备注: 被禁止

例如:

PRE { white-space: pre }
P { white-space: normal }

时间: 2024-10-28 08:41:49

CSS手册简编:文本属性的相关文章

CSS手册简编

css 自W3C(The World Wide Web Consortium)制定了代号为Cougar的HTML的4.0版本以来,存在在Web页面中的动态效果首次被正式的承认了,W3C把动态超文本(Dynamic HTML)的实现分为了三个部分:脚本.支持动态效果的浏览器和CSS.前两者也许你经常用到,但CSS是什么或许你并不清楚,如果有过制作Web页面的经历,你可能听说过样式单或风格单,如果对此你亦无耳闻,不要紧,只要你想制作出具有更多新特性的Web页,本文将同样适合于你.(请使用IE4或IE

CSS中的文本属性

本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性 文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性(Text) CSS 字体属性(Font) CSS3新增属性 文本阴影:text-shadow 文本溢出:text-overflow 这个属性一般需要配合overflow:hidden和white-spance:nowrap(强制文本容器不换行)使用. 文本换行:word-wrap word-brea

CSS手册简编:用户属性

css CSS属性: 9.用户界面属性: cursor属性,用户可以指定在某个元素上要使用的光标形状: 属性名称: 'cursor'属性值: auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help | <url>初始值: auto适合对象:

CSS手册简编:表格属性

css CSS属性:8.表格属性: 由于表格中的大部分属性已经在以上的各类属性中探讨过了,所以这里只有两个属性介绍: row-span属性描述表格跨越的行的数目: 属性名称: 'row-span'属性值: <integer>初始值: 1适合对象: 表格元素是否继承: no百分比备注: 被禁止 column-span属性描述表格跨越的列的数目: 属性名称: 'column-span'属性值: <integer>初始值: 1适合对象: 表格元素是否继承: no百分比备注: 被禁止

CSS手册简编:列表属性

css CSS属性: 7.列表属性: 这里的属性用来描述列表(list)的一系列属性. list-style-type属性描述用于列表每一项前使用的符号: 属性名称: 'list-style-type'属性值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none初始值: disc适合对象: 列表元素是否继承: yes百分比备注: 被禁止 属性值含义为:dis

CSS手册简编:字体属性

css CSS属性: 5.字体(Font)属性: 这里定义了关于字体的各种属性. font-family属性定义字体的名称,可以是一个字体的名称,也可以是一类字体的名称,字体的名称一定要和计算机系统里的完全一样: 属性名称: 'font-family'属性值: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>]初始值: 根据用户定义而定适合对象: 所有元素是否

CSS手册简编:颜色背景属性

css CSS属性: 4.颜色和背景(Color and Background)属性: 这里介绍有关CSS中前景色和背景颜色.图片的设定方法. color属性: color属性用于设定元素的前景色: 属性名称: 'color'属性值: <color>初始值: 根据用户的初始值而定适合对象: 所有元素是否继承: yes百分比备注: 被禁止 color属性的值可以是十六进制数值.rgb()函数或CSS承认的颜色名称.如: EM { color: red }EM { color: rgb(255,0

CSS手册简编:媒体属性

CSS属性:1.媒体(Media)类型样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面.屏幕.电子合成器等等.特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕).声明一个媒体属性可以用@import或@media引入:@import url(loudvoice.css) speech;@media print {/* style sheet for print goes here */}也可以在文档标记中引入媒体:<LINK r

从零学CSS系列之文本属性_基础教程

1.line-height 可以给某个元素指定一个不带单位的缩放因子,这样它的后代元素就会继承这个缩放因子,再根据自身的字号大小来计算自己的行高(line-height)值, 复制代码 代码如下: body {  font-size: 12px;  line-height: 1.5;} h1 {  font-size: 36px;} 这里,body 的 line-height 是 18px(12 * 1.5),而 h1 的 line-height 则是 54px(36 * 1.5). 就算使用