【案例引入】

1929年，19岁的华罗庚染上了可怕的伤寒病，这场长达半年之久的病造成了他左腿终身残疾，走路时，要左腿先画一个大圆圈，右腿再迈上一小步。而对于这种奇特而费力的步履，他曾幽默地戏称为“圆与切线的运动”。此时的华罗庚并没有向命运屈服，他发誓要用健全的头脑，代替不健全的双腿！他慢慢开始在杂志上投稿。起初，由于他写的问题基本都已被国外一些专家证明过了，因此，他的稿件屡屡被拒。不过，这使华罗庚增添了信心，因为这些问题都是他自己钻研出来的，并没有看过别人的解题方法。后来，他终于有机会在上海《科学》杂志上发表文章。就在1930年的某一天，清华大学数学系主任熊庆来在办公室看《科学》杂志的时候，发现一篇名为《苏家驹之代数的五次方程式解法不能成立的理由》的文章。看着看着，不禁拍案叫绝：这个华罗庚是哪国留学生？周围的人摇摇头。熊庆来继续问：他是在哪个大学教书的？大家面面相觑。最后还是一位江苏籍的教员想了好一会儿，才慢吞吞地说：我弟弟有个同乡叫华罗庚，他哪里教过什么大学啊！他只念过初中，听说是在金坛中学当事务员。熊庆来不禁惊叹：一个初中毕业的人，能写出如此高深的数学论文，必是奇才。他当即做出决定，要将华罗庚请到清华大学来，并且打破常规，让华罗庚在清华大学图书馆当馆员。这时，华罗庚只有21岁，他终于离开了杂货店的“暗室”，来到了北京的清华大学。从此，华罗庚的人生开启了“开挂”模式！

【案例分析】

19岁的华罗庚在身染疾病、左腿残疾的情况下，没有向命运屈服，用健全的头脑代替不健全的双腿。痴迷于钻研攻克数学难题，取得巨大成功，获得清华大学数学系主任熊庆来的关注，被他的才华所折服，而将华罗庚请到清华大学图书馆当馆员。只有21岁的他，从杂货店的“暗室”到了北京的清华大学。有的同学认为自己进了高职大专，毕业后就只能做流水线工人，社会地位低，甚至有的同学自暴自弃，上课玩手机、睡觉、逃课。我们要学习华罗庚不向命运屈服、乐观向上、刻苦钻研的精神，提高自己的文化素质与专业技能知识，一定会取得成功。只要是金子，不管到哪儿都会闪闪发光。

【主要知识点】

字体属性主要包括字体综合设置、字体类型、字体大小、字体风格、字体加粗、字体英文大小写转换等，如图8.2.1所示。字体属性的具体作用如表8.2.1所示。

图8.2.1　CSS字体属性

表8.2.1　CSS字体属性的具体作用

8.2.1　字体复合属性

语法：

该属性是复合属性。声明方式中的参数必须按照如上的排列顺序。每个参数仅允许有一个值，没有值的将使用其参数对应的独立属性默认值。

1）font-family指定字体

语法：

font-family：字体1，字体2，字体3……

可以设置多种字体。按优先顺序排列，以逗号隔开。如果字体名称包含空格，则应使用引号括起。当浏览器找不到第一种字体，将使用第二种字体替代，以此类推。

2）font-size设定字号

语法：

<absolute-size>：指的是绝对长度。使用时应谨慎地考虑到其在不同浏览器上浏览时可能出现的不同效果。对于一个用户来说，绝对长度的字体有可能会很大或者很小，如等。

<relative-size>：指的是相对长度，一般使用百分比实现，其百分比取值是基于父对象中字体的尺寸。

8.2.2　字体样式

1）font-style设定样式

语法：

normal：正常值。

italic：斜体。

oblique：偏斜体。

2）font-weight设定字体粗细(www.daowen.com)

语法：

字体粗细属性值如表8.2.2所示。

表8.2.2　font-weight字体粗细属性值

案例【8.2.1】文本字体粗细样式

效果如图8.2.2所示。

图8.2.2　文本字体粗细样式

【课程育人】

案例引入与字体CSS属性的学习，总结如下：

1.字体CSS属性的应用与数学的研究有类似之处，都需要刻苦钻研、严谨务实的学习态度，只有付出，才有收获。

2.华罗庚在身染疾病、左腿残疾、辍学的情况下，没有向命运屈服，痴迷于钻研攻克数学难题，取得巨大成功。高职院校的同学们要学习他这种精神，只要努力刻苦学习，提高自己的文化素质与专业技能知识，一定会取得成功。金子不管到哪儿都会闪闪发光。

【课堂互动】

1.下列哪些操作可以定义一个外部的CSS样式表文件？（　）（多选）

A.在创建新样式时，“定义在”选项处选择新建样式表文件

B.在文档内定义完CSS样式之后，执行命令“修改/CSS样式/导出样式表”，将样式表导出为一个外部文件

C.在文档内定义完CSS样式之后，执行命令“文本/CSS样式/导出样式表”，将样式表导出为一个外部文件

D.在文档内定义完CSS样式之后，单击CSS样式面板右上方的快捷菜单按钮

2.如果要使一个网站的风格统一并便于更新，在使用CSS文件的时候，最好是使用（　）。

A.外部链接样式表　B.内嵌式样式表

C.局部应用样式表　D.以上三种都一样

3.下列对CSS分类属性中空白属性表述有误的是哪一项？（　）。

A.空白属性将决定如何处理元素内的空格

B.语法：white-space：<值>

C.适用于：所有元素

D.向下兼容：是