任务目标

 利用CSS文本相关属性对新云课堂平台首页通用页尾部分文字段落美化。

任务要求

（1）按照下图所示效果在2.1任务制作的页面通用尾部的HTML文件基础上进行美化。

（2）使用<footer></footer>包裹整体，将背景颜色设置为#002752。

（3）要求实现版心宽度1080像素且水平居中，并将文字颜色设置为白色。版心居中的方式：设定要居中的元素宽度（width: 1080px;）；设定上、下外边距为为0，左、右外边距为自动（margin: 0 auto）；设定上、下内边距为10像素。

（4）使用超链接实现页面中的联系电话的拨号功能与详细邮箱的发信功能。

（5）设定图片的垂直对齐为中线对齐。

效果如下图：

任务实施

（1）设定footer标签的相关样式。

（2）在footer标签中增加一个div标签，作为用来实现水平居中包裹层，并设定宽度与外边距。

（3）设定图片垂直对齐方式。

（4）清除超链接默认下划线。

教学微课

教学课件

经验分享

在实际的页面效果中，我们发现字重为200的文字与300的文字，从视觉感受上是完全一致的，并没有明显的粗细对比，这是为什么呢？

首先我们要先明白，每一款字体通常是由多个粗细不同的版本构成，如light版本、bold版本、normal版本等等，但是一款字体并不一定会包含所有的粗细版本，一般至少包含normal（标准）与bold（粗体）版本。如果没有所对应的版本，则会按照相近匹配的法则去使用存在的字体版本。这个我们选择的字体并没有所对应的200、300字体版本，所以自动匹配到了标准粗细版本字体。

能量贴士

物有本末，事有终始。知所先后，则近道矣。语出《大学》。