一直让我觉得神奇的一点是,老师尽管用了很多浮动布局,但显式的清楚浮动只有一处,而且效果完全一样。让习惯于浮动后就clearfix的我 惊呆了。另外在课程里学习了myfocus 轮播图库的使用,以及怎样设计代码以尽量实现代码的复用 加快开发,减少代码量。
<h1>【有奖活动】给父亲的三行书信</h1>
<p>发布人:Admin 发布时间:2014-08-01 浏览:5321次</p>
<div class="list_box_newscontent">
<p>
父亲这个角色,一直给人的印象都是不善言辞、默默守护。
为了你和这个家付出了很多很多。也许从前的你太过年少,
说不出对父亲的肉麻感谢,也许现在的你,已为人父母,能
切身体会得到父爱的伟大。那么,正值父亲节来临之际,对
于深爱你的父亲,请勇敢的表达出你对他的爱吧
</p>
<p>发布人:Admin 发布时间:2014-08-01 浏览:5321次</p>
<div class="list_box_newscontent">
<p>
父亲这个角色,一直给人的印象都是不善言辞、默默守护。
为了你和这个家付出了很多很多。也许从前的你太过年少,
说不出对父亲的肉麻感谢,也许现在的你,已为人父母,能
切身体会得到父爱的伟大。那么,正值父亲节来临之际,对
于深爱你的父亲,请勇敢的表达出你对他的爱吧
</p>
2017-12-31
这里要说下: 上面老师给的网址,或百度到的myfocus官网已经不能用了,因为这个项目原来是托管在googlecode上的,但是googlecode已经停止服务了(被github打败了)。
所以项目要到github上找,百度: myfocus github就能找到。 或者试下这个地址:
http://koen301.github.io/myfocus/
所以项目要到github上找,百度: myfocus github就能找到。 或者试下这个地址:
http://koen301.github.io/myfocus/
2017-12-31
<ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">版权声明</a></li>
</ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">版权声明</a></li>
</ul>
2017-12-29
.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;
}
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;
}
<h2> 520 慕女神喊你来表白</h2><p>活动时间:5月20日-5月25日<br>获奖公布时间:5月26日<br>Learn More>></p>
2017-12-26
老师这个方法挺简单的,如果不想倒过来可以用flex布局。
.top_content ul{
list-style-image: url(../images/li_bg.gif);
display: flex;
justify-content: flex-end;
line-height: 27px;
}
.top_content li{
width: 70px;
}
.top_content ul{
list-style-image: url(../images/li_bg.gif);
display: flex;
justify-content: flex-end;
line-height: 27px;
}
.top_content li{
width: 70px;
}
2017-12-25