ASP 字体属性
再精美的网页,最重要的作用就是给用户提供信息。而信息的主要显示方式就是文本。文本是内容,内容的基本显示构成就是字体。HTML中的字体标记<font>只能提供字体颜color、字体大小size和字体类型face三种设置,而CSS样式表则提供了多个字体属性使设计者对字体有更详细的设置,从而能够更加丰富页面效果。
1.font-family属性
font-family属性用于指定页面使用的字体类型,比如宋体、华文行楷、Times New Roman等。例如:
p
{
font-family:华文彩云
}
该样式规则表示页面中段落使用的字体类型是华文彩云。font-family属性可以预置多个供页面使用的字体类型,即字体类型序列。如果前面的字体类型不能够正确显示,则系统将自动选择后一种字体类型,依次类推。例如:
p
{
font-family:方正卡通简体,黑体,宋体
}
如果浏览器不能正确显示方正卡通简体的字体,那么将以黑体的形式显示,如果黑体也没有,则将使用宋体。
fontweight属性bold当font-family属性值中的字体类型由多个字符串和空格组成,比如Times New Roman,那么,该值就需要使用双引号引起来,否则处理器就会忽略指定的字体类型,该样式规则也就无效。 | |
2.font-weight属性
font-weight属性为CSS样式表的加粗属性,该属性有13个有效值,分别是bold、bolder、lighter、normal、100~900。如果没有设置该属性,则使用其默认值normal。属性值设置为100~900,值越大,加粗的程度就越高,如表8-5列出了相关信息。
表8-5 font-weight属性
值 | 描述 |
bold | 定义粗体字体。 |
bolder | 定义更粗的字体,相对值。 |
lighter | 定义更细的字体,相对值。 |
normal | 默认,标准字体。 |
100-900 | 定义由细到粗的字体。其中,400等同于normal,700等同于bold。 |
由于各值的显示由客户端系统安装的字体的特定字体所决定,所以用户看不出各值之间显
示的差异。事实上,对于数值100~900并不存在本质的字体粗细的约定。CSS指出,每个数值对应的字体粗细不得小于它前面的数值所对应的字体粗细。这样,100、200、300、400和500可能都对应同样粗细的字体,而600、700可能对应到一个更粗的字体,800、900对应另一种更粗的字体。
对于bolder和lighter这两个是相对其上级标记的加粗属性而设定的,它们在上级标记的基础上更粗或者更细,属于相对值。
3.font-size属性
font-size属性用于设置字体的大小。CSS样式表为该属性提供了多种设置字体值的方法,取值表示如下:
font-size: <absolute-size> | <relative-size> | <length> | <percentage> | inherit
各值说明如下:
● <absolute-size> 绝对字体尺寸
● <relative-size> 相对字体尺寸
● <length> 长度表示法
● <percentage> 百分比表示法
● inherit 继承
除了可以直接指定字体大小外,CSS本身也提供了几种预设的字体值,如表8-6所示。
表8-6 font-size属性预设字体值
字体值 | 字体值 |
large | larger |
medium | small |
smaller | x-large |
x-small | xx-large |
xx-small | inherit |
这些字体值中,large、medium、small、x-large、x-small、xx-large和xx-small属于绝对字体尺寸值,它们没有精确的定义,只是表示一种大小值。
同bolder和lighter加粗属性值一样,smaller和larger也表示字体大小的相对值。它们使标记内文本的尺寸相对于其上级标记的绝对尺寸变小或者变大。
使用inherit值,可以直接继承上级标记的字体大小。
4.font-style属性
font-style属性用于定义字体显示的样式,有三种可选属性值:italic、oblique和normal。italic表示将文本设置为斜体样式,oblique表示将没有斜体变量的特殊字体设置为斜体样式,normal表示正常的字体样式,为默认值。
5.font-variant属性
CSS除了提供丰富的字体的基本功能和样式外,其font-variant属性还提供了字体变形的功能。该属性有两个有效值:normal和small-caps。normal用于描述普通文本,为默认值,small-caps表示使用小型的大写字母文本。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论