CSS綜合小練習
阿新 • • 發佈：2018-10-28
src 缺席 href class con 分享圖片 pad html 麗江
CSS選擇器學了不少了，現在來實戰一下。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>練習</title> <style type="text/css"> .content { width: 800px; margin: 0 auto; } .content h1 { font-family: "Microsoft YaHei UI"; font-size: 28px; text-align: center; } .content .box { text-align: center; } .time, .news { font-size: 14px; } .time { color: rgb(190, 190, 190); } .news{ color: #990000; } /*屬性選擇器*/ .box input[type=text] { color: red; } .box input[type=button] { font-weight: 700; color: green; } .content p { text-indent: 2em; line-height: 24px;} .content p span { color: blue; } </style> </head> <body> <div class="content"> <h1>中乙隊賽前突然換帥仍勝毅騰 高原黑馬欲阻擊舜天</h1> <div class="box"> <span class="time">2014年07月16日20:11</span> <span class="news">新浪體育 評論中大獎（11人參與）</span> <a href="#">收藏本文</a> <input type="text" value="請輸入查詢條件"> <input type="button" value="搜索"> </div> <hr /> <p>新浪體育訊 7月16日是燕京啤酒<span>[微博]</span> 2014中國足協杯第三輪比賽，麗江嘉雲昊隊主場迎戰哈爾濱毅騰隊的比賽日。 然而就在比賽日中午，麗江嘉雲昊隊主帥李虎和另外兩名成員悄然向俱樂部提出了辭呈， 並且收拾行囊準備離開。在這樣的情況下， 麗江嘉雲昊隊不得不由此前的教練員楊貴東代理指揮了本場比賽。</p> <p>在昨日麗江嘉雲昊隊主帥李虎就缺席了賽前的新聞發布會， 當時俱樂部給出的解釋是李虎由於身體欠佳， 去醫院接受治療。然而今日李虎出現在俱樂部時， 向記者否認了這一說法，並且坦言已經向俱樂部提出了辭呈。</p> <p>據記者多方了解的情況，李虎<span>[微博]</span> 極其教練組近來在執教成績上承受了不小的壓力， 在聯賽間歇期期間，教練組曾向俱樂部提出能夠多引進有實力的球員補強球隊， 然而由於和俱樂部在投入以及成績指標上的分歧，李虎最終和教練組一起在比賽日辭職。</p> <p>這樣的情況並沒有影響到麗江嘉雲昊隊<span>[微博]</span>的隊員， 在比賽中麗江隊在主場拼的非常兇，在暴雨之中仍然發揮出了體能充沛的優勢， 最終憑借點球擊敗了中超球隊哈爾濱毅騰，順利晉級下一輪比賽。 <strong>根據中國足協杯的賽程，麗江嘉雲昊隊將在本月23日迎戰江蘇舜天隊。</strong></p> </div> </body> </html>
寫CSS比較有意思的是，寫好了CSS看效果，有種煥然一新的感覺，原來毫無生氣的頁面，瞬間變得整齊，規矩。
CSS綜合小練習