

CSS 文本样式

下方课件区域方向键控制翻页，f 键全屏。

作业

请下载压缩包 作业模板 并完成以下任务：

你有一个虚构的社区大学主页的未处理 HTML 文件和一些 CSS 文件。这些 CSS 文件把网页分成两栏布局，提供了一些简单的样式化。你将在 CSS 文件底部的注释下面写你的 CSS，这样可以方便地标出你的工作。

字体

选择一些自己喜欢的字体来改进页面。

文本样式化基础

• 设置全站网页 font-size 为 10px。
• 使用相对单位（relative unit）为标题和其他元素的 font-sizes 设置合适的值。
• 为 body 文本设置合适的 line-height。
• 居中页面顶级标题。
• 为标题设置 letter-spacing 避免字间太过拥挤。
• 为 body 文本设置合适的 letter-spacing 和 word-spacing。

链接

• 设置 link, visited, focus, 和 hover 状态设置颜色，与页面顶部和底部的水平线颜色相匹配。
• 设置链接默认带下划线，但 hover 和 focus 时下划线消失。
• 取消页面中所有链接 focus 时默认的外边线。
• 设置 active 时有显著不同的样式，使其又突出又与整体页面设计和谐。

列表

• 确保列表和列表项与页面整体样式和谐。每个列表项应该有同样的与段落行相同的 line-height 。每个列表上下间距应该与段落间距相同。
• 使用与页面设计匹配的列表项符号。你可以选择自定义的图像或者其他的喜欢的符号。

导航栏菜单

• 样式化你的导航栏菜单，使它拥有与页面整体相匹配的外观。

完成后，同样压缩成为 作业-学号-名字.zip 并发送到 anjingcuc@vip.qq.com，截止日期为两周后上课前。

作业参考

如果实在无法完成，请参考 作业参考