【案例引入】

华罗庚家境贫寒，初中未毕业便辍学在家。他对数学产生了强烈的兴趣，辍学之后，更用功读书。可怜的是，他只有一本《大代数》，一本《解析几何》及一本从老师那儿借来摘抄的50页微积分。

为了抽出时间学习，他经常早起。隔壁邻居早起磨豆腐的时候，华罗庚已经点着油灯在看书了。伏天，他很少到外面去乘凉，而是在蚊子嗡嗡叫的小店里学习。严冬，他常常把砚台放在脚炉上，一边磨墨一边用毛笔蘸着墨汁做习题。每逢年节，华罗庚也不去亲戚家里串门，埋头在家里读书。大家给他起了个绰号，叫“罗呆子”。

他的志气与行径，几乎没有人能够理解。世界上的事情往往就是这样的，阻力越大，反阻力也越大；困难越多，克服困难的决心也越坚。他养成了早起、善于利用零碎时间、善于心算、勤于动手、勤于独立思考的习惯。这种习惯一直保持到他的晚年。

【案例分析】

华罗庚从小家境贫寒，初中未毕业便辍学在家。他凭着对数学的兴趣，用功读书，寒冬酷暑，逢年过节，除了工作，就是在自学，正是靠着他的决心与毅力，最终实现了自己的报负，成为国际上著名的数学家。当编写CSS文本属性代码，觉得枯燥乏味时，要学习华罗庚在艰苦的环境自学数学的决心与毅力，养成勤于动手、独立思考的好习惯。

【主要知识点】

CSS3文本属性主要包括字母间隔、文字修饰、文本排列、行高、文字大小写等，如图8.3.1所示。

微课8.1　CSS3文本属性

图8.3.1　文本属性设置

表8.3.1　文本属性说明

8.3.1　letter-spacing设定字符间距

语法：

normal：正常值。

length：指定长度，包含长度单位。

8.3.2　word-spacing设定单词间距

语法：

normal：正常值。

length：指定长度，包含长度单位。

8.3.3　text-decoration设定文字修饰

语法：

表8.3.2　文字修饰属性

8.3.4　text-align设定横向文字对齐方式

表8.3.3　文字对齐方式

语法：

8.3.5　vertical-align设定纵向文字对齐方式

语法：

表8.3.4　纵向文字对齐方式

续表(www.daowen.com)

8.3.6　text-indent设定文字首行缩进

语法：

text-indent:value

使用text-indent属性可以设定页面文字首行缩进。

8.3.7　line-height设定文字行高

语法：

line-height:value

使用line-height属性可以设定页面文字行高。

下面通过具体的CSS样式设置文本文字的常用属性。程序代码如下：

案例【8.3.1】设置文本文字样式的常用属性

图8.3.2　设置文本文字样式的常用属性

效果如图8.3.2所示。

【课程育人】

案例引入与CSS文本样式属性的融合学习，让我们体会到：

1.编写CSS文本属性代码，觉得枯燥乏味时，要学习华罗庚在艰苦的环境自学数学成才的决心与毅力，培养吃苦耐劳、刻苦钻研、艰苦奋斗的优秀品质。

2.在学习CSS文本样式，包括字母间隔、文字修饰、文本排列、行高、文字大小写等样式属性时，要多练习案例，多看应用效果，像华罗庚前辈一样养成勤于动手、独立思考的好习惯。

【课堂互动】

1.要通过CSS设置中文文字的间距，可以通过调整样式表中（　）属性实现。

A.文字间距　B.字母间距　C.数字间距　D.无法实现

2.在CSS语言中，下列哪一项是“文本缩进”的允许值？（　）

A.auto　B.<背景颜色>

C.<百分比>　D.<统一资源定位URLs>

3.在CSS语言中，下列哪一项是“上边框”的语法？（　）

A.letter-spacing：<值>　B.border-top：<值>

C.border-top-width：<值>　D.text-transform：<值>

4.如下所示的这段CSS样式代码，定义的样式效果是怎样的？（　）

a:link{color:#ff0000;}

a:visited{color:#00ff00;}

a:hover{color:#0000ff;}

a:active{color:#000000;}

A.默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色

B.默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色

C.默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色

D.默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色