任务四 综合新闻样式排版

任务四 综合新闻样式排版

任务要求

(1)新建文件1104.html。

(2)设置标题为:28px,“微软雅黑”,水平居中,颜色为红色,不加粗。

(3)副标题:居中显示,其他颜色如图11.4.1所示,链接“11人”橙色不加粗,“收藏本文”蓝色加粗。

(4)正文文本:颜色#666,行高24px,首行缩进2个字。

(5)3~10自然段第一句话,加粗,蓝色。

(6)文中作者:用〈em〉标签表示强调,并设置颜色orange,不倾斜,加粗。作品如图11.4.1所示。

图11.4.1 综合排版效果图

CSS样式代码如图11.4.2所示,HTML结构代码如图11.4.3所示。

图11.4.2 CSS样式代码

图11.4.3 HTML结构代码

项目总结

本项目主要介绍了CSS基础选择器和文本样式属性。通过练习,读者能够熟练运用标签选择器和类名选择器对页面文字进行排版设置。