1、字族(font-family)
功能:通过font-family指定字体类型用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。
其语法为:h1 {font-family: 字体类型,字体类型,字体类型}
2、字体风格(font-style)
功能:使文本显示为扁斜体或斜体等?属性值:normal-普通、italic-斜体、oblique-偏斜体
语法为:h1{font-style:属性值}
3、字体变形(font-variant)
功能:使文本中的小写字母显示为字体较小的大写字母,常用于设计特殊的标题。
属性值:normal(普通)和small-caps(小型大写字母)
语法为:h1{font-variant:属性值}
4、字体加粗(font-weight)
功能:用于设置字体笔划的粗细。
属性值:正常度 - normal
相对度 - bold, bolder, light, lighter
渐变度 - 100, 200, 300, 400(相当于normal), 500, 600, 700(相当于 bold、 lighter、 bolder、以及数值100-900。
语法为:h1 < font-weight: 属性值>
5、字体大小(font-size)
功能:改变字体大小。
属性值:长度 - 用毫米(mm),厘米(cm),英寸(in),磅(pt),象素(px),pica(pc),ex(小写字母x的高度)或em(字体高度)作为度量单位。
百分比 - 相对于其父元素字体大小的百分比。绝对尺寸分为xx-small, x-small, small, medium, large, x-large, xx-large七种,它们以各种字体的medium尺寸成比例缩放,每一级1.5倍。相对尺寸:有larger和smaller两种,根据字体原来的大小来决定缩放以后的大小。百分比:把字体设置成原来尺寸的百分比值,可以任意指定数值。
语法为:{font-size:属性值}
6、字体(font)
功能:简写属性,提供了对字体所有属性进行设置的快捷方法。
属性值:字体属性值为前面已列出的值,,内容的顺序为:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性,属性值间用空格分开。
语法:{font:属性值1 属性值2 ...属性值n}
下面我就给大家举一个例子:把“网络化”这三个字设置为加粗的字体首先在页面打入“网络化”这三个字,由于字体的粗细是由“字体加粗”这个属性决定的,所以在进入html编辑模式找到这些字后,就在它们的前后分别加上“字体加粗”及其属性值的代码,如:<span style="font-weight: 700">网络化</span>

完成以上步骤后,“网络化”这三个字就由普通字体变为加粗的字体。如果要修改为其他的字体,只要更换代码中的字体属性以及属性值即可。
我曾在上面提到font属性是一个总体属性,并可以快捷地设置字体的所有属性。以下这个例子就是给大家讲解如何给文字定义多种属性。我依然以“网络化”这三个字作为设置对象,只是这次将它改为16磅的偏斜字体。设置的步骤与上面相似,但代码要改为:<span style="font: oblique 16pt ">网络化</span>

[1] [2] 下一页