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