实训

实训

制作图5-37所示的新闻网页，通过CSS设置样式。

1.训练要点

（1）HTML文档的基本结构；

（2）外部样式表的使用；

（3）样式规则；

（4）各类型CSS选择器的使用。

2.操作提示

（1）新建外部样式表文件“article.css”，使用link元素链接至HTML文档；

（2）页面主体＜div id＝＂wrapper＂＞宽度设置为700 px，内间距为20 px；

（3）段落设置首行缩进2 em，行高为1.5 em，上、下间距为1.5 em；

（4）第一段样式通过h1＋p来设置；

（5）“摘要”两个字通过“＜span class＝＂summary＂＞摘要＜/span＞”，设置.summary样式；

（6）底部的超链接访问前、访问后无下划线，颜色为＃666，鼠标悬停时有下划线，颜色为＃000。

图5-37　为新闻网页添加CSS样式