xx-small | x-small | small | medium | large | x-large | xx-large 分别代表最小、较小、小、中等、大、较大和最大。相对大小可以使用:larger 或smaller 描述。例如:
P { font-size: 12pt; } BLOCKQUOTE { font-size: larger } EM { font-size: 150% } EM { font-size: 1.5em }
Font 属性是以上属性的快捷方式,属性如下:
属性名称 : 'font' 属性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] 适合对象: 所有元素 是否继承: yes 百分比备注: 只在font-size 使用
例如:
P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif } P { font: x-large/110% "new century schoolbook", serif } P { font: bold italic large Palatino, serif } P { font: normal small-caps 120%/120% fantasy }
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 百分比备注: 被禁止
页次:8 /8 1篇/页 首页 上一页 下一页 尾页 合计 8 篇 Go:第1页 第2页 第3页 第4页 第5页 第6页 第7页 第8页