CSS文本 -zt

[TIP] CSS文本 -zt<script type="text/javascript"> document.all['post-title'].innerHTML='<img src="images/icons/icon3.gif" alt="Lightbulb" border="0" /> [TIP] CSS文本 -zt'; </script> 繁体化 简体化
1CSS文本:text-kashida-space .30

语法:
text-kashida-space : length | inherit
取值:
length : 百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀
inherit : 遵循父对象的设置

说明:
设置或检索如何拉伸字符来调节文本行排列。默认值为 0% 。
Kashida是一种印刷效果,通过在恰当的位置拉长字符来调整文本行。它通常用于阿拉伯书写系统。
此属性可以在任何应用Kashida样式的场合使用。例如 text-justify 属性值为 auto , distribute , kashida , newspaper 时。
此属性仅作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textKashidaSpace 。
示例:
div { text-kashida-space : 50%;text-justify: kashida; }


CSS文本:text-autospace .29

语法:
text-autospace : none | ideograph-alpha|ideograph-numeric | ideograph-parenthesis | ideograph-space
取值:
none : 默认值。无调整发生
ideograph-alpha : 在表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格
ideograph-numeric : 在表意字和数字字符之间创建额外空格
ideograph-parenthesis : 在常规(非等宽)插入语和表意字之间创建额外空格
ideograph-space : 当空格相邻表意字符时,扩展空格的宽度

说明:
设置或检索对象文本的自动空格和紧缩空格宽度调整的方式。
表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAutospace 。
示例:
div {text-autospace: ideograph-alpha; }


CSS文本:word-wrap .28

语法:
word-wrap : normal | break-word
取值:
normal : 默认值。允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行( word-break )也将发生

说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordWrap 。
示例:
div { word-wrap: break-word; word-break: break-all; }



CSS文本:white-space.27

语法:
white-space : normal | pre | nowrap
取值:
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

说明:
设置或检索对象内空格字符的处理方式。
空格字符,像换行,空格,TAB,在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时,你可以使用不换行空格的命名实体 来添加空格,用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。
示例:
p { white-space: nowrap; }



CSS文本:line-break.26

语法:
line-break : normal | strict
取值:
normal : 默认值。应用日文文本的默认换行规则
strict : 强制日文文本换行规则的严谨性

说明:
设置或检索用于日文文本的换行规则。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 lineBreak 。
示例:
div { line-break : strict; }



CSS文本:word-break.25

语法:
word-break : normal | break-all | keep-all
取值:
normal : 默认值。允许在词间换行
break-all : 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用 break-all 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordBreak 。
示例:
div {word-break : break-all; }



CSS文本:unicode-bidi.24

语法:
unicode-bidi : normal | bidi-override | embed
取值:
normal : 默认值。对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
bidi-override : 严格按照 direction 属性的值重排序。忽略隐式双向运算规则
embed : 对象打开附加的嵌入层, direction 属性的值指定嵌入层,在对象内部进行隐式重排序

说明:
用于同一个页面里存在从不同方向读进的文本显示。与 direction 属性一起使用。
假如您想应用 direction 属性于内联文本,您必须设定此属性值为 embed 或 bidi-override 。
Unicode 双向运算法则自动翻转嵌入字符顺序依照它们固有的流动方向。例如,英文文档的默认书写方向是左-右,假如其中包含的部分其他语种的字符其书写方向是右-左,双向运算法则就可以用来代理用户正确的反转其流动方向。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 unicodeBidi 。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }



CSS文本:direction.23

direction版本:CSS2  兼容性:IE5+ 继承性:有
语法:
direction : ltr | rtl | inherit
取值:
ltr : 默认值。文本从左到右流入
rtl : 文本从右到左流入
inherit : 文本流入方向由继承获得

说明:
用于设置文本流入的方向。请参阅对象的 dir 属性。
此属性不会影响拉丁文的字母数字字符,它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。
假如您想应用此属性于内联文本,您必须设定 unicode-bidi 属性为 embed 或 bidi-override 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 direction 。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }



CSS文本:layout-flow.22

layout-flow版本:IE5.5+专有属性 继承性:有
语法:
layout-flow : horizontal | vertical-ideographic
取值:
horizontal : 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适用于亚洲语系

说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时, text-align 属性与 vertical-align 属性的作用也将发生变化。
这是一个不建议使用的属性。建议使用 writing-mode 属性替代它。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 layoutFlow 。
示例:
div { layout-flow : horizontal; }



CSS文本:text-align.21

text-align版本:CSS1  兼容性:IE4+ 继承性:有
语法:
text-align : left | right | center | justify
取值:
left : 默认值。左对齐
right : 右对齐
center : 居中对齐
justify : 两端对齐

说明:
设置或检索对象中文本的对齐方式。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAlign 。
示例:
div { text-align : center; }


CSS文本:vertical-align.20

vertical-align版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:无
语法:
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值:
auto : CSS1 根据 layout-flow 属性的值对齐对象内容
baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐
sub : CSS1 垂直对齐文本的下标
super : CSS1 垂直对齐文本的上标
top : CSS1 将支持 valign 特性的对象的内容对象顶端对齐
text-top : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
middle : CSS1 将支持 valign 特性的对象的内容与对象中部对齐
bottom : CSS1 将支持 valign 特性的对象的内容与对象底端对齐
text-bottom : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
length : CSS2 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数

说明:
设置或检索对象内容的垂直对其方式。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign 。
示例:
td { vertical-align : middle; }



CSS文本:text-overflow.19

text-overflow版本:IE6+专有属性 继承性:无
语法:
text-overflow : clip | ellipsis
取值:
clip : 默认值。不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)

说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
这个属性仅仅作用于水平内联方向的,普通的西方文本的溢出。内联溢出发生在行内的文本超出可用宽度却没有换行机会的时候。
要强制溢出发生并且应用 ellipsis 值,作者必须设置对象的 white-space 属性值为 nowrap 。
假如没有换行机会(例如,对象容器的宽度是狭窄的,而内有很长的没有合理断行的文本),没有应用 nowrap 也有可能溢出。
为了使 ellipsis 值被应用,此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden 。设置 overflow 属性为 scroll 或者 auto 时,此属性也会应用。但是会有滚动条出现。
通过选择省略标记,隐藏的文本可以被选择。当选择发生时,省略标记会隐藏而被文本替换。
此属性为在DHTML中制作省略标记提供了高效的方法。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textOverflow 。
示例:
div { overflow: hidden; text-overflow:ellipsis; }



CSS文本:text-indent.18

text-indent版本:CSS1  兼容性:IE4+ NS4+ 继承性:无
语法:
text-indent : length
取值:
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位

说明:
检索或设置对象中的文本的缩进。默认值为 0 。
在被另一个对象(如 br )断开的对象内不能应用本属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textIndent 。
示例:
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }



CSS:word-spacing.17

word-spacing版本:CSS1  兼容性:IE6+ NS6+ 继承性:有
语法:
word-spacing : normal | length
取值:
normal : 默认值。默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位

说明:
检索或设置对象中的单词之间插入的空隔。
对于IE4+而言仅在MAC平台上可用。对于其他系统平台的支持由IE6开始。
单词间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordSpacing 。
示例:
div { word-spacing : 10; }
div { word-spacing : 10px; }



CSS:letter-spacing.16

letter-spacing版本:CSS1  兼容性:IE4+ NS6+ 继承性:有
语法:
letter-spacing : normal | length
取值:
normal : 默认值。默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位

说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
字符间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 letterSpacing 。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }



CSS:line-height.15

line-height版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
line-height : normal | length
取值:
normal : 默认值。默认行高
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅 长度单位

说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。
假如一个格式化的行包括不止一个对象,则最大行高会被应用。在这种情况下,此属性不可以为负值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 lineHeight 。
示例:
div {line-height:6px; }
div {line-height:10.5; }



CSS:text-transform.14

text-transform版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
text-transform : none | capitalize | uppercase | lowercase
取值:
none : 默认值。无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写

说明:
检索或设置对象中的文本的大小写。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textTransform 。
示例:
div { text-transform : uppercase; }



CSS:font-variant.13

font-variant版本:CSS1  兼容性:IE4+ NS6+ 继承性:有
语法:
font-variant : normal | small-caps
取值:
normal : 默认值。正常的字体
small-caps : 小型的大写字母字体

说明:
设置或检索对象中的文本是否为小型的大写字母。
IE4.0将此属性的 small-caps 处理为大写字母的较小尺寸。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontVariant 。
示例:
span { font-variant: small-caps; }



CSS:text-shadow.12

text-shadow版本:CSS2  兼容性:无 继承性:无
语法:
text-shadow : color || length || length || opacity
取值:
color : 指定颜色。请参阅 颜色单位 和 附录:颜色表
length : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。请参阅 长度单位
length : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的垂直延伸距离。请参阅 长度单位
opacity : 由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位

说明:
设置或检索对象中文本的文字是否有阴影及模糊效果。
可以设定多组效果,方式是用逗号隔开。
可以被用于伪类 :first-letter 和 :first-line 。
对应的脚本特性为 textShadow 。
示例:
p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; }
p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}



text-underline-position.11

text-underline-position版本:IE5.5+专有属性 继承性:有
语法:
text-underline-position : below | above
取值:
below : 默认值。在文本下面
above : 在文本上面

说明:
设置或检索 text-decoration 属性定义的下划线的位置。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textUnderlinePosition 。
示例:
p { text-underline-position: above; text-decoration: underline; }



CSS:text-decoration.10

text-decoration版本:CSS1  兼容性:IE4+ NS4+ 继承性:无
语法:
text-decoration : none || underline || blink || overline || line-through
取值:
none : 默认值。无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线

说明:
检索或设置对象中的文本的装饰。
有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。
对象 strike , s , del ,默认值是 line-through 。
假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。
假如对象没有文本(如 img 元素)或者是空元素(如:<EM></EM>), 此属性不会发生作用。
假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。
在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textDecoration 。
示例:
div { text-decoration : underline; }
div { text-decoration : underline overline; }




CSS:font-weight.9

font-weight版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
取值:
normal : 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold : 粗体。相当于 700 。也相当于 b 对象的作用
bolder : 比 normal >粗
lighter : 比 normal >细
100 : 字体至少像 200 那样细
200 : 字体至少像 100 那样粗,像 300 那样细
300 : 字体至少像 200 那样粗,像 400 那样细
400 : 相当于 normal
500 : 字体至少像 400 那样粗,像 600 那样细
600 : 字体至少像 500 那样粗,像 700 那样细
700 : 相当于 bold
800 : 字体至少像 700 那样粗,像 900 那样细
900 : 字体至少像 800 那样粗

说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
IE4.0仅仅支持 normal 和 bold 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontWeight 。
示例:
span { font-weight:800; }



CSS:font-style.8

font-style版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
font-style : normal | italic | oblique
取值:
normal : 默认值。正常的字体
italic : 斜体。对于没有斜体变量的特殊字体,将应用 oblique
oblique : 倾斜的字体

说明:
设置或检索对象中的字体样式。
对于此属性的默认值来说,IE提供了预定义样式。但是你可以在浏览器菜单的 Internet 选项 中更改它。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontStyle 。
示例:
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }



CSS:font-stretch.7

font-stretch版本:CSS2  兼容性:无 继承性:有
语法:
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
取值:
normal : 默认值。不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值

说明:
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
对应的脚本特性为 fontStretch 。
示例:
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }



CSS:font-size-adjust.6

font-size-adjust版本:CSS2  兼容性:无 继承性:有
语法:
font-size-adjust : none | number
取值:
none : 默认值。允许字体序列中每一字体遵守它的自己的尺寸
number : 为字体序列中所有字体强迫指定同一尺寸

说明:
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。
对应的脚本特性为 fontSizeAdjust 。
示例:
p { font-family: arial, courier; font-size-adjust: none; }
p { font-family: verdana, courier; font-size-adjust: .56; }




CSS:font-size.5

font-size版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length
取值:
xx-small : 绝对字体尺寸。根据对象字体进行调整。最小
x-small : 绝对字体尺寸。根据对象字体进行调整。较小
small : 绝对字体尺寸。根据对象字体进行调整。小
medium : 默认值。绝对字体尺寸。根据对象字体进行调整。正常
large : 绝对字体尺寸。根据对象字体进行调整。大
x-large : 绝对字体尺寸。根据对象字体进行调整。较大
xx-large : 绝对字体尺寸。根据对象字体进行调整。最大
larger : 相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的 em 单位计算
smaller : 相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的 em 单位计算
length : 百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅 长度单位

说明:
设置或检索对象中的字体尺寸。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontSize 。
示例:
p { font-style: normal; }
p { font-size: 12px; }
p { font-size: 20%; }




CSS:font-Faimly.4

font-family版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
font-family : name
font-family :ncursive | fantasy | monospace | serif | sans-serif
取值:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列

说明:
设置或检索用于对象中文本的字体名称序列。默认值为 "Times New Roman" 。
序列可包含嵌入字体字体。请参阅 @font-face 规则。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontFamily 。
示例:
div.fixedwidth { font-family: Courier, "Courier New", monospace }



CSS-COLOR样式.3

一会要睡觉 明后天或者有事情 所以一并多贴几个

color版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
color : color
取值:
color : 指定颜色。请参阅 颜色单位 和 附录:颜色表

说明:
检索或设置对象的文本颜色。无默认值。
注意,用颜色名称指定 color 不被一些浏览器接受。但使用 RGB 值指定颜色能被所有里浏览器识别并正确显示。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 color 。
示例:
div {color: #345456; }
div { color: rgb(100,14,200); }
div {color: menu; }
div {color: red; }




CSS-FONT样式.2

font版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:有
语法:
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
取值:
font-style : CSS1 请参阅 font-style 属性
font-variant : CSS1 请参阅 font-variant 属性
font-weight : CSS1 请参阅 font-weight 属性
font-size : CSS1 请参阅 font-size 属性
line-height : CSS1 请参阅 line-height 属性
font-family : CSS1 请参阅 font-family 属性
caption : CSS2 使用有标题的系统控件的文本字体(如按钮,菜单等)
icon : CSS2 使用图标标签的字体
menu : CSS2 使用菜单的字体
message-box : CSS2 使用信息对话框的文本字体
small-caption : CSS2 使用小控件的字体
status-bar : CSS2 使用窗口状态栏的字体

说明:
设置或检索对象中的文本特性。该属性是复合属性。
默认值为: normal normal normal medium normal "Times New Roman" 。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
对于如何使用用户端系统可能没有的字体,可以参阅 @font-face 规则。
对应的脚本特性为 font 。
示例:
p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }




CSS样式表简介.1

什么是样式表:
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
如何将样式表加入您的网页:
你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅 !important 声明。
链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:


<head>
<title>文档标题</title>
<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css" type="text/css">
</head>


而在XML中,你应该如下例所示在声明区中加入:


<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/dhtmlet.css" ?>

定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。 定义方式请参阅样式表语法。示例如下:


<html>
<head>
<title>文档标题</title>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
</head>
<body>


请注意,这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。
内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:


<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>

样式表语法 (CSS Syntax)
Selector { property: value }

参数说明:
Selector -- 选择符
property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开

继承的值 (The " Inherit " value)
每个属性都有一个指定的值: Inherit 。它
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值