編程練習
小伙伴們，根據(jù)所學知識，對新聞內(nèi)容進行排版。
要求：div的最小高度是300px，隨新聞內(nèi)容的增多可以自動撐開，每段文字首行縮進2個字符，行高25px。新聞中的圖片水平居中。
效果圖:
素材圖片:
圖片引用地址: http://img1.sycdn.imooc.com//53edaa5a0001c86705000420.jpg
任務(wù)
在style標簽內(nèi)完以下樣式定義:
一、定義新聞內(nèi)容所在div的整體樣式.newsBox。
二、定義標題的樣式.newsTitle
三、定義標題下方發(fā)布人、發(fā)布時間等樣式.newsInfo
四、定義新聞內(nèi)容的樣式.newsContent
五、設(shè)置新聞中的圖片水平居中
六、設(shè)置新聞內(nèi)部標題加粗
- ?不會了怎么辦
-
小伙伴們，可以在右下角的"源代碼下載"區(qū)，下載參考代碼。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
/*在此定義相關(guān)樣式*/
</style>
</head>
<body>
<div class="newsBox">
<h1 class="newsTitle">慕課網(wǎng)獲App Store強力推薦榮登四榜單</h1>
<p class="newsInfo">發(fā)布人：Admin 發(fā)布時間：2014-08-01 瀏覽：5321次</p>
<div class="newsContent">
<p> 8月伊始，慕課網(wǎng)App即獲得了App Store的多個推薦，同時出現(xiàn)在“免費App精選”、“致畢業(yè)生”、“學而不倦”以及“輕松學編程”四個榜單中。這款I(lǐng)T編程學習類的App為何如此備受青睞？趣味視頻課程、高清畫面質(zhì)感、在線離線隨身學習……優(yōu)質(zhì)的課程內(nèi)容結(jié)合良好的用戶體驗，慕課網(wǎng)App無疑是IT學習的最佳選擇。</p>
<p> App Store力薦慕課網(wǎng)榮登四榜單</p>
<p>App Store因公平著稱，能被其推薦是每一款A(yù)pp夢寐以求的榮譽，慕課網(wǎng)則一舉占據(jù)了其四個榜單，包括精品推薦首頁“合集”版塊下“免費App精選”中的“新品”推薦、“合集”版塊“致畢業(yè)生”中“學無止境”推薦、教育類別“合集”版塊下“學而不倦”中的推薦以及“輕松學編程”版塊推薦。</p>
<p><img src=" http://img1.sycdn.imooc.com//53edaa5a0001c86705000420.jpg" width="500" height="420" alt=""/></p>
<p>事實上，慕課網(wǎng)登上App Store榜單并非首次。早在2014年5月，慕課網(wǎng)就榮登App Store 精品推薦榜首，同時登上“教育”類別下“優(yōu)秀新App”榜首，并獲評“五月最佳”精彩App。隨后，慕課網(wǎng)App接連出現(xiàn)在“致畢業(yè)生”、“免費App精選”、“夏日學堂”等榜單中。</p>
<p>從App Store的持續(xù)推薦以及“優(yōu)秀”、“精選”的肯定中不難看出，慕課網(wǎng)在IT在線學習領(lǐng)域以及教育類App中得到了用戶的認可。</p>
<p>新功能上線持續(xù)提升用戶體驗一款好的產(chǎn)品同樣需要不斷改進來滿足用戶需求。慕課網(wǎng)App上線至今進行了多個版本的迭代，不斷完善產(chǎn)品、提升用戶體驗，ios最新的2.1.0版本于7月20日更新，上線了大量新功能。</p>
<p>明確、清晰的課程分類能夠讓用戶迅速找到感興趣的課程，本次慕課網(wǎng)就上線了全新的課程分類方式，點擊“全部課程”即可顯示出全部的技術(shù)語言種類以及視頻課程數(shù)量，全部在線課程一目了然。</p>
<p>不知道講師在哪里？此版本更新中添加了講師認證，不僅對講師空間進行了認證，在課程討論和筆記中，通過認證標識，一眼可以看到哪個是講師回復(fù)。</p>
<p>此外，慕課網(wǎng)App在最新版本中調(diào)整了下拉刷新和上拉加載的效果；課程練習部分增加了習題解析；對半透化效果、全屏播放器按鈕進行了優(yōu)化，并新增了編程課、ps課程。一系列的改進相信能為IT學習用戶帶來更好的學習體驗。</p>
<p>慕課網(wǎng)App在精品視頻課程的基礎(chǔ)上，不斷優(yōu)化用戶體驗，幫助IT學習者迅速入門、提升技能，以優(yōu)秀的產(chǎn)品基因獲得App Store的多個推薦，使更多用戶有機會使用這款I(lǐng)T學習軟件，體驗學習的簡單和快捷。</p>
</div>
</div>
</body>
</html>
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
