文档介绍：第11章 CSS的属性
设置字体样式
控制图文布局
颜色及背景
美化网页与超链接的设置
CSS定位
设置字体样式
字体属性font-family
利用CSS的font-family属性,设置要使用的字体
语法:
font-family:<字体1>,<字体2>...,<字体n>
对比:font的face属性
说明:
浏览器将在字体列表中依次寻找有效字体。若浏览器完全找不到指定的字体时,则使用默认字体。
应该将一种常见的字体列在字体列表的最后。
在对英文字体进行设置时,如果两个英文单词之间有空格时必须使用单引号(')或双引号(")。
利用font-style属性,达到字体风格的变化。
语法:
font-style:normal|italic|oblique
对比:<I>标签
font-style参数值说明
字体风格font-style
参数值
说明
normal
正常显示,初始值为normal。
italic
斜体显示
oblique
倾斜显示
字体变形font-variant
语法:
font-variant:normal|small-caps
font-variant参数值说明
参数值
说明
normal
正常显示,初始值为normal。
small-caps
小型大写字母,即小写的英文字体将转换为大写且字体较小的英文字
字体加粗font-weight
在HTML里,可以利用<b>标签,将文字设置为粗体。在CSS内,则可利用font-weight属性,设置字体的粗细。
语法:
font-weight:normal|bold|bolder|lighter| 100|200|300|400|500|600|70|800|900
font-weight参数值说明
参数值
说明
normal
浏览器默认的字体为7,字体粗细约为400。
bold
粗体,字体粗细约为700。
bolder
粗体再加粗,字体粗细约为900。
lighter
比默认字体还细。
100-900
数字越小字体越细、数字越大字体越粗
利用HTML的标签<font size=x>只能设定7种字号,在CSS中可以使用font-size属性对文字的字号进行随心所欲的设置。
语法:
font-size:<绝对尺度>|<关键字>|<相对尺度>|<比例尺度>
说明:
⑴绝对尺寸可以使用的单位有:
in(英寸)、cm(厘米)、mm(毫米)、pt(磅)和px(像素)。
字号的控制font-size
⑵用关键字来说明文字大小,共有7种关键字,相对应于HTML标签<font size>中所用的数字参数。这7种关键字如下:
• xx-small
• x-small
• small
• medium
• large
• x-large
• xx-large
利用这些参数,浏览器可以自由决定每一种关键字所适合的尺寸(在不同浏览器中它的大小是有区别的)。
10