案例演示

图1

1.结构分析

文字部分用<p>标签定义，对于特殊显示的文本（如导语、详情）等可以用<em>、<strong>等格式化标签来定义，效果图如图2。

图2

2.样式分析

（1）控制段落文本的字体(font-family)、字号(font-size)、行高（line-height）和首行文本缩进(text-indent)。

（2）控制特殊文本“导语”、“73分钟”、“冠军”、“山外青山楼外楼，莎莎打球特别牛！”、“孙颖莎”的文本颜色和字号（color和font-size）。

先写代码，如图3

图3

保存并运行如图4

图4

3.以上结合CSS一些样式属性和属性值做了一个简单的案例演示，下期我们讲搜索页面内容。