亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
li{
float:left;
width:50px;
height:30px;
list-style: none;
}
li a{
display:block;
text-align: center;
line-height: 30px;
}
a:link,a:visited{
color:black;
text-decoration: none;
}
a:hover,a:active{
color:white;
text-decoration: none;
background: #BE3948; }
一個html5和CSS樣式就這樣裝逼，你是真的有多搞笑
如果用list-style-position:inside;list-style-image這種方法，圖片會替換原來的小圓點。
但是因為小圓點處于文字中線的位置，會使得文字位置向下便宜一些，導致跟日期對齊效果差。
所以還是用老師的方法視覺效果好一些。
為什么這么多人給第一個評論點贊。。。<li>的位置都錯了
還不錯。。。。
一直讓我覺得神奇的一點是，老師盡管用了很多浮動布局，但顯式的清楚浮動只有一處，而且效果完全一樣。讓習慣于浮動后就clearfix的我 驚呆了。另外在課程里學習了myfocus 輪播圖庫的使用，以及怎樣設計代碼以盡量實現代碼的復用 加快開發，減少代碼量。
<h1>【有獎活動】給父親的三行書信</h1>

<p>發布人：Admin 發布時間：2014-08-01 瀏覽：5321次</p>

<div class="list_box_newscontent">

<p>
父親這個角色，一直給人的印象都是不善言辭、默默守護。
為了你和這個家付出了很多很多。也許從前的你太過年少，
說不出對父親的肉麻感謝，也許現在的你，已為人父母，能
切身體會得到父愛的偉大。那么，正值父親節來臨之際，對
于深愛你的父親，請勇敢的表達出你對他的愛吧
</p>
這里要說下： 上面老師給的網址，或百度到的myfocus官網已經不能用了，因為這個項目原來是托管在googlecode上的，但是googlecode已經停止服務了（被github打敗了）。

所以項目要到github上找，百度： myfocus github就能找到。 或者試下這個地址：

http://koen301.github.io/myfocus/
可以把myfocus看成一個造好的輪子， 除了沒有html結構外與組件沒有差別，關鍵只需要小白操作。
謝謝老師！
多謝各位的文字，為咋們節省了不少時間！
臥槽 這也太方便了。 其實只要引入myfocus.js庫 把它的 pattern 開動就可以了
<ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">聯系我們</a></li>
<li><a href="#">加入我們</a></li>
<li><a href="#">版權聲明</a></li>
</ul>
.newsTitle{
font-size:18px;text-align:center;
}
.newsInfo{
font-size:14px;font:"微軟雅黑";
color:#E8E8E8;
text-align:center;
border-bottom:1px solid #E8E8E8;
}
.newsContent{
line-height:25px;
font-size:14px;
text-indent:2em;
}
.newsContent p img{
display:block;
margin:0 auto;
}
（1）在線代碼測試工具：http://www.lvyestudy.com/tools/run_code.aspx；
（2）在線調色板：http://www.lvyestudy.com/tools/color_picker.aspx；
（3）CSS3圓角生成器：http://www.lvyestudy.com/tools/border_radius.aspx
首頁上一頁78910111213下一頁尾頁
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么？
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消