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; }
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; }
如果用list-style-position:inside;list-style-image这种方法,图片会替换原来的小圆点。
但是因为小圆点处于文字中线的位置,会使得文字位置向下便宜一些,导致跟日期对齐效果差。
所以还是用老师的方法视觉效果好一些。
但是因为小圆点处于文字中线的位置,会使得文字位置向下便宜一些,导致跟日期对齐效果差。
所以还是用老师的方法视觉效果好一些。
2018-01-03
一直让我觉得神奇的一点是,老师尽管用了很多浮动布局,但显式的清楚浮动只有一处,而且效果完全一样。让习惯于浮动后就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;
}