CSS学习(3)--字体属性
2007-02-05 09:26
323 查看
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
参数:
该属性是复合属性。第一种声明方式请参阅各参数对应的属性。
第二种声明方式中的参数属于CSS2。
caption : 使用有标题的系统控件的文本字体(如按钮,菜单等)
icon : 使用图标标签的字体
menu : 使用菜单的字体
message-box : 使用信息对话框的文本字体
small-caption : 使用小控件的字体
status-bar : 使用窗口状态栏的字体
说明:
设置或检索对象中的文本特性。该属性是复合属性。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
示例:
1 p { font: italic small-caps 600 12pts/18pts 宋体; }
2 p { font: italic small-caps 600 12pts/150% Courier; }
3 p { font: italic small-caps 600 12pts/1.5 Courier; }
4 p { font: italic small-caps 600 12pts/18pts Courier; }
5 p { font: /18pts serif; }
6 p { font: oblique 100 24pts; }
7 H1 { font: 15pt/17pt bold "Arial" normal }
color 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
检索或设置对象的文本颜色。无默认值。
注意,用颜色名称指定color不被一些浏览器接受。
示例:
1 div {color: #345456; }
2 div { color: rgb(100,14,200); }
3 div {color: menu; }
4 div {color: red; }
font-family 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
参数:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列
说明:
设置或检索用于对象中文本的字体名称序列。
默认值由浏览器确定。
序列可包含嵌入字体字体。
示例:
1 div.fixedwidth { font-family: Courier, "Courier New", monospace }
font-size 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-size : absolute-size | relative-size | length
参数:
absolute-size : 根据对象字体进行调节。xx-small | x-small | small | medium | large | x-large | xx-large
relative-size : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger | smaller
length : 百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。
说明:
设置或检索对象中的字体尺寸。
默认值为absolute-size的medium值。
示例:
1 p { font-style: normal; }
2 p { font-size: 12px; }
3 p { font-size: 20%; }
font-style 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-style : normal | italic | oblique
参数:
normal : 正常的字体
italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique
oblique : 倾斜的字体
说明:
设置或检索对象中的字体样式。
示例:
1 p { font-style: normal; }
2 p { font-style: italic; }
3 p { font-style: oblique; }
font-weight 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-weight : normal | bold | bolder | lighter | number
参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
示例:
1 span { font-weight:800; }
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。
没有文本的对象此属性不会作用。
示例:
1 div { text-decoration : underline; }
2 div { text-decoration : underline overline; }
text-underline-position 版本:IE5.5+专有属性 继承性:有
语法:
text-underline-position : below | above
参数:
below : 在文本下面
above : 在文本上面
说明:
设置或检索text-decoration属性定义的下划线的位置。
示例:
1 p { text-underline-position: above; text-decoration: underline; }
font-variant 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
语法:
font-variant : normal | small-caps
参数:
normal : 正常的字体
small-caps : 小型的大写字母字体
说明:
设置或检索对象中的文本是否为小型的大写字母。
示例:
1 span { font-variant: small-caps; }
text-transform 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
text-transform : none | capitalize | uppercase | lowercase
参数:
none : 无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
说明:
检索或设置对象中的文本的大小写。
示例:
1 div { text-transform : uppercase; }
line-height 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
line-height : normal | length
参数:
normal : 默认行高
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。
说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
如行内包含多个对象,则应用最大行高。此时行高不可为负值。
示例:
1 div {line-height:6px; }
2 div {line-height:10.5; }
letter-spacing 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
语法:
letter-spacing : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
示例:
1 div {letter-spacing:6px; }
2 div {letter-spacing:0.5pt; }
word-spacing 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
语法:
word-spacing : normal | length
参数:
normal : 默认间距
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
示例:
1 div { word-spacing : 10; }
2 div { word-spacing : 10px; }
语法:
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
参数:
该属性是复合属性。第一种声明方式请参阅各参数对应的属性。
第二种声明方式中的参数属于CSS2。
caption : 使用有标题的系统控件的文本字体(如按钮,菜单等)
icon : 使用图标标签的字体
menu : 使用菜单的字体
message-box : 使用信息对话框的文本字体
small-caption : 使用小控件的字体
status-bar : 使用窗口状态栏的字体
说明:
设置或检索对象中的文本特性。该属性是复合属性。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
示例:
1 p { font: italic small-caps 600 12pts/18pts 宋体; }
2 p { font: italic small-caps 600 12pts/150% Courier; }
3 p { font: italic small-caps 600 12pts/1.5 Courier; }
4 p { font: italic small-caps 600 12pts/18pts Courier; }
5 p { font: /18pts serif; }
6 p { font: oblique 100 24pts; }
7 H1 { font: 15pt/17pt bold "Arial" normal }
color 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
检索或设置对象的文本颜色。无默认值。
注意,用颜色名称指定color不被一些浏览器接受。
示例:
1 div {color: #345456; }
2 div { color: rgb(100,14,200); }
3 div {color: menu; }
4 div {color: red; }
font-family 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
参数:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列
说明:
设置或检索用于对象中文本的字体名称序列。
默认值由浏览器确定。
序列可包含嵌入字体字体。
示例:
1 div.fixedwidth { font-family: Courier, "Courier New", monospace }
font-size 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-size : absolute-size | relative-size | length
参数:
absolute-size : 根据对象字体进行调节。xx-small | x-small | small | medium | large | x-large | xx-large
relative-size : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger | smaller
length : 百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。
说明:
设置或检索对象中的字体尺寸。
默认值为absolute-size的medium值。
示例:
1 p { font-style: normal; }
2 p { font-size: 12px; }
3 p { font-size: 20%; }
font-style 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-style : normal | italic | oblique
参数:
normal : 正常的字体
italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique
oblique : 倾斜的字体
说明:
设置或检索对象中的字体样式。
示例:
1 p { font-style: normal; }
2 p { font-style: italic; }
3 p { font-style: oblique; }
font-weight 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
font-weight : normal | bold | bolder | lighter | number
参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
示例:
1 span { font-weight:800; }
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。
没有文本的对象此属性不会作用。
示例:
1 div { text-decoration : underline; }
2 div { text-decoration : underline overline; }
text-underline-position 版本:IE5.5+专有属性 继承性:有
语法:
text-underline-position : below | above
参数:
below : 在文本下面
above : 在文本上面
说明:
设置或检索text-decoration属性定义的下划线的位置。
示例:
1 p { text-underline-position: above; text-decoration: underline; }
font-variant 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
语法:
font-variant : normal | small-caps
参数:
normal : 正常的字体
small-caps : 小型的大写字母字体
说明:
设置或检索对象中的文本是否为小型的大写字母。
示例:
1 span { font-variant: small-caps; }
text-transform 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
text-transform : none | capitalize | uppercase | lowercase
参数:
none : 无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
说明:
检索或设置对象中的文本的大小写。
示例:
1 div { text-transform : uppercase; }
line-height 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有
语法:
line-height : normal | length
参数:
normal : 默认行高
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。
说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
如行内包含多个对象,则应用最大行高。此时行高不可为负值。
示例:
1 div {line-height:6px; }
2 div {line-height:10.5; }
letter-spacing 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
语法:
letter-spacing : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
示例:
1 div {letter-spacing:6px; }
2 div {letter-spacing:0.5pt; }
word-spacing 版本:CSS1 兼容性:IE4+ NS6+ 继承性:有
语法:
word-spacing : normal | length
参数:
normal : 默认间距
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
示例:
1 div { word-spacing : 10; }
2 div { word-spacing : 10px; }
相关文章推荐
- 今天学习的几个字体css属性
- css学习笔记(五)-字体属性
- css基础学习----常用字体属性
- 前端学习 -- Css -- 字体的几个属性学习
- CSS学习之“字体属性”
- CSS学习笔记06-分层(z-index属性).html
- CSS学习(十)-CSS字体、CSS字体阴影
- 【JavaWeb】CSS_css中的文本属性和字体属性
- 学习CSS之clear属性
- CSS部分属性的深入学习
- CSS学习----块级元素和内联元素(display属性)
- JAVA学习绘图颜色及其笔画属性设置字体显示文字
- jQuery学习教程(六):属性操作与CSS操作
- css基础学习----背景属性
- css基础学习---边距和间隙属性
- (六)学习CSS之color属性
- 前端学习 -- Css -- 属性选择器
- Head First HTML & CSS chapter 8 ,9,10 :开始学习CSS, 字体和颜色设置, 盒模型
- css 字体属性详细总结
- css属性学习笔记