文字div

第3章CSS文字样式设计与速成文字是一个页面内容的灵魂,因为大多数的页面都是通过文字传达信息的,所以对文字的渲染可以起到对页面更好的修饰作用,而好的文字渲染既可给人带来感官享受,也可使人阅读得更舒服更清晰.
在这一章将开始学习如何控制文字的样式,其中包括Web编程的一些主要概念.
通过这章的知识点以及实例的分析,使得对CSS标签如何控制文字样式有一定的认识,从而达到能够排列出丰富的CSS文字效果的目的.
3.
1CSS3文字样式在这一节学习如何为文字添加CSS样式,包括CSS的一些常用的文字设置.
例如,文字的字体、文字的大小、文字的类型、文字的粗细、文字的颜色、链接的样式、文字的布局以及文字的阴影等.
另外,还将学习CSS3新增的文字样式的控制方法.
3.
1.
1字体CSS提供font-family属性来控制文字的字体类型,通常使用的汉字字体有宋体、黑体和楷体等,通常使用的外文字体有Arial和TimesNewRoman等.
如表3.
1所示是Dreamweaver默认的font-family属性的字体集合.
表3.
1默认的font-family属性的字体集合列表Dreamweaver默认的font-family属性的字体宋体新宋体Arial,Helvetica,sans-serifTimesNewRoman,Times,serifCourierNew,Courier,monospaceGeorgia,TimesNewRoman,Times,serifVerdana,Arial,Helvetica,sans-serifGeneva,Arial,Helvetica,sans-serif黑体楷体_GB2312仿宋_GB2312从上面的表格可以看到,其中有的属性使用了逗号隔开,其意思为:当浏览器没有第一个字体库时,会使用下一个备选的字体库.
例如,如果font-family属性设置为:TimesNew第1篇DIV+CSS布局速成·24·Roman,Times,serif,则浏览器会寻找第一个存在的字体库.
除此以外,Dreamweaver还提供其他的字体属性,可以通过"编辑字体列表"设置框来增加或者删除默认的字体属性.
如图3.
1所示即为软件"编辑字体列表"的界面.
图3.
1编辑字体列表下面是一个设置文字字体的简单示例,通过本示例,可以熟悉常用的字体类型,通常只要知道5~6种字体的大概形状就可以了.
文字字体设置宋体