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; }
2018-01-17
如果用list-style-position:inside;list-style-image這種方法,圖片會替換原來的小圓點(diǎn)。
但是因?yàn)樾A點(diǎn)處于文字中線的位置,會使得文字位置向下便宜一些,導(dǎo)致跟日期對齊效果差。
所以還是用老師的方法視覺效果好一些。
但是因?yàn)樾A點(diǎn)處于文字中線的位置,會使得文字位置向下便宜一些,導(dǎo)致跟日期對齊效果差。
所以還是用老師的方法視覺效果好一些。
2018-01-03
一直讓我覺得神奇的一點(diǎn)是,老師盡管用了很多浮動布局,但顯式的清楚浮動只有一處,而且效果完全一樣。讓習(xí)慣于浮動后就clearfix的我 驚呆了。另外在課程里學(xué)習(xí)了myfocus 輪播圖庫的使用,以及怎樣設(shè)計代碼以盡量實(shí)現(xiàn)代碼的復(fù)用 加快開發(fā),減少代碼量。
2017-12-31
<h1>【有獎活動】給父親的三行書信</h1>
<p>發(fā)布人:Admin 發(fā)布時間:2014-08-01 瀏覽:5321次</p>
<div class="list_box_newscontent">
<p>
父親這個角色,一直給人的印象都是不善言辭、默默守護(hù)。
為了你和這個家付出了很多很多。也許從前的你太過年少,
說不出對父親的肉麻感謝,也許現(xiàn)在的你,已為人父母,能
切身體會得到父愛的偉大。那么,正值父親節(jié)來臨之際,對
于深愛你的父親,請勇敢的表達(dá)出你對他的愛吧
</p>
<p>發(fā)布人:Admin 發(fā)布時間:2014-08-01 瀏覽:5321次</p>
<div class="list_box_newscontent">
<p>
父親這個角色,一直給人的印象都是不善言辭、默默守護(hù)。
為了你和這個家付出了很多很多。也許從前的你太過年少,
說不出對父親的肉麻感謝,也許現(xiàn)在的你,已為人父母,能
切身體會得到父愛的偉大。那么,正值父親節(jié)來臨之際,對
于深愛你的父親,請勇敢的表達(dá)出你對他的愛吧
</p>
2017-12-31
這里要說下: 上面老師給的網(wǎng)址,或百度到的myfocus官網(wǎng)已經(jīng)不能用了,因?yàn)檫@個項(xiàng)目原來是托管在googlecode上的,但是googlecode已經(jīng)停止服務(wù)了(被github打敗了)。
所以項(xiàng)目要到github上找,百度: myfocus github就能找到。 或者試下這個地址:
http://koen301.github.io/myfocus/
所以項(xiàng)目要到github上找,百度: myfocus github就能找到。 或者試下這個地址:
http://koen301.github.io/myfocus/
2017-12-31
可以把myfocus看成一個造好的輪子, 除了沒有html結(jié)構(gòu)外與組件沒有差別,關(guān)鍵只需要小白操作。
2017-12-31
臥槽 這也太方便了。 其實(shí)只要引入myfocus.js庫 把它的 pattern 開動就可以了
2017-12-29
<ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">聯(lián)系我們</a></li>
<li><a href="#">加入我們</a></li>
<li><a href="#">版權(quán)聲明</a></li>
</ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">聯(lián)系我們</a></li>
<li><a href="#">加入我們</a></li>
<li><a href="#">版權(quán)聲明</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;
}
2017-12-28
(1)在線代碼測試工具:http://www.lvyestudy.com/tools/run_code.aspx;
(2)在線調(diào)色板:http://www.lvyestudy.com/tools/color_picker.aspx;
(3)CSS3圓角生成器:http://www.lvyestudy.com/tools/border_radius.aspx
(2)在線調(diào)色板:http://www.lvyestudy.com/tools/color_picker.aspx;
(3)CSS3圓角生成器:http://www.lvyestudy.com/tools/border_radius.aspx
2017-12-28