网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.CSS网页布局开发小技巧24则.
.垂直三栏布局拥有相同高度的方法.
.CSS入门教学十四个问与答.
.CSS 循序渐进(一)画个瓢 .
.CSS教程:网页字体及字体大小的设.
.精通 CSS 滤镜(三).
.百度空间详细CSS代码详解.
.详解CSS的定位语法应用.
.对display:inline;与float:left;.
.CSS语法手册(四)文本填充,边框.
.圆角自适应宽度按钮的css实现 .
.网页设计之css+div PK table+css.
.网页风格化 用CSS实现皮肤适时切.
.CSS规范 闭合浮动元素介绍.
.css的链接美化.
.CSS中如何正确的使用id和class.
.提升兼容不同浏览器CSS Hack的写.
.纯CSS表单显示效果.
.CSS优先级的读法-详解.
.纯CSS制作的网页中的lightbox效果.

CSS语法手册(一)字体属性

发表日期:2004-1-30


1、font-family

功能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。
语法:{font-family:字体1,字体2, ... ,字体n}
例子

字体

2、font-style

功能:使文本显示为扁斜体或斜体等表示强调 。
数值
normal - 正常
italic - 斜体
oblique - 偏斜体
例子

Normal

Italic

Oblique

3、font-variant

功能:用于在正常与小型大写字母字体间切换。
数值:normal - 如果该标志继承父元素的 small-caps 设置,则关键字 normal 将 font-variant 设置为正常字体。
small-caps - 把小写字母显示为字体较小的大写字母。
例子

FONT-VARIANT

4、font-weight

功能:用于设置字体灰度,生成字体的深,浅版本。
数值
正常灰度 - normal
相对灰度 - bold, bolder, light, lighter
梯度灰度 - 取值如下:100, 200, 300, 400(相当于normal), 500, 600, 700(相当于bold), 800, 900。
例子

字体灰度

5、font-size

功能:用各种度量单位控制文本字体大小。
数值:有四种数值方式
绝对尺寸- 用具体字号表定义字体大小,可以取下列数值之一:xx - small, x-small, small, medium, large, x-large, xx-large。不同字体有不同的数值。
相对尺寸 - larger, smaller,产生的尺寸是相对于父容器字号而言的。
长度 - 用毫米(mm),厘米(cm),英寸(in),点数(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为度量单位。
百分比 - 相对于其父元素字体大小的百分比。
例子

6、font

功能:简写属性,提供了对字体所有属性进行设置的快捷方法。
语法:{font:字体属性1 字体属性2 ... 字体属性n}
数值:字体属性值为前面已列出的值,此外还可以设置行间距属性 line-height(见文本属性),内容的顺序为:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性,属性值间用空格分开。
例子

FONT

上一篇:第六章 区块性质的CSS 人气:17356
下一篇:CSS语法手册(二)文本属性 人气:20673
浏览全部CSS语法手册的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐