综合案例
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .content{ 8 width: 800px; 9 margin: 0 auto; 10 } 11 .content h1{ 12 font: 30px microsoft yahei; 13 text-align: center; 14 } 15 .content .hot{ 16 text-align: center; 17 } 18 .time,.news{ 19 font-size: 14px; 20 } 21 .time{ 22 color: #999; 23 } 24 .news{ 25 color: #990000; 26 } 27 /* 属性选择器 */ 28 .hot input[type=text]{ 29 color: red; 30 } 31 .hot input[type=submit]{ 32 color: green; 33 font-weight: 700px; 34 } 35 .content p{ 36 text-indent: 2em; 37 line-height: 24px; 38 } 39 .content p span{ 40 color: blue; 41 } 42 </style> 43 </head> 44 <body> 45 <div class="content"> 46 <h1>中乙队赛前突然换帅仍胜毅腾 高原黑马欲阻击舜天</h1> 47 <div class="hot"><span class="time">2014年07月16日20:11</span> 48 <span class="news">新浪体育 评论中大奖（11人参与）</span><a href="#">收藏本文 </a> 49 <input type="text" value="请输入查询条件"> <input type="submit" value="搜索"></div> 50 <hr> 51 <p>新浪体育讯 7月16日是燕京啤酒<span>[微博]</span>2014中国足协杯第三轮比赛，丽江嘉云昊队主场迎战哈尔滨毅腾队的比赛日。然而就在比赛日中午，丽江嘉云昊队主帅李虎和另外两名成员悄然向俱乐部提出了辞呈，并且收拾行囊准备离开。在这样的情况下，丽江嘉云昊队不得不由此前的教练员杨贵东代理指挥了本场比赛。</p> 52 53 <p>在昨日丽江嘉云昊队主帅李虎就缺席了赛前的新闻发布会，当时俱乐部给出的解释是李虎由于身体欠佳，去医院接受治疗。然而今日李虎出现在俱乐部时，向记者否认了这一说法，并且坦言已经向俱乐部提出了辞呈。</p> 54 55 <p>据记者多方了解的情况，李虎<span>[微博]</span>极其教练组近来在执教成绩上承受了不小的压力，在联赛间歇期期间，教练组曾向俱乐部提出能够多引进有实力的球员补强球队，然而由于和俱乐部在投入以及成绩指标上的分歧，李虎最终和教练组一起在比赛日辞职。</p> 56 57 <p>这样的情况并没有影响到丽江嘉云昊队<span>[微博]</span>的队员，在比赛中丽江队在主场拼的非常凶，在暴雨之中仍然发挥出了体能充沛的优势，最终凭借点球击败了中超球队哈尔滨毅腾，顺利晋级下一轮比赛。<strong>根据中国足协杯的赛程，丽江嘉云昊队将在本月23日迎战江苏舜天队</strong></p> 58 </div> 59 </body> 60 </html>
