您好!歡迎光臨北京歡迎你科技有限公司官網(wǎng)!
售前咨詢(xún)熱線(xiàn):
010-56035709 北京地區(qū)專(zhuān)線(xiàn):
010-56035709 售后服務(wù)專(zhuān)線(xiàn):
010-56035709 VIP專(zhuān)線(xiàn):
15901551129(24小時(shí))
您可以通過(guò)以下新聞與公司動(dòng)態(tài)進(jìn)一步了解我們。我們所簽約的客戶(hù),無(wú)論他們的項(xiàng)目是大或者小,我們都將提供好的服務(wù)。
這段時(shí)間在學(xué)習(xí)css ,總結(jié)啦壹些技巧來(lái)和大家分享下:
① 、使用 line-height垂直居中
line-height :24px;
使用固定寬度地容器并且需要壹行垂直居中時(shí),使用 line-height即可(高度與父層容器壹致),更多地垂直居中總結(jié)可以看這里。
② 、清除容器浮動(dòng)
#main {
overflow:hidden;
}
期前也提到過(guò)這樣地問(wèn)題,更多信息可以看這里。
③ 、不讓鏈接折行
a {
white-space :nowrap;
}
上面地設(shè)定就能避免鏈接折行,不過(guò)個(gè)人建議長(zhǎng)鏈接會(huì)有相應(yīng)地這行(有關(guān)換行方面地討論,參看圓心地記錄)。
④ 、始終讓 Firefox顯示滾動(dòng)條
html {
overflow:-moz-scrollbars-vertical;
}
更多地 Mozilla/Firefox私有 CSS屬性可以參考這里。需跨瀏覽器地支持,也可以使用
body, html {
min-height:101%;
}
⑤ 、使塊元素水平居中
margin:0 auto;
其實(shí)就是
margin-left : auto ;
margin-right: auto ;
這個(gè)技巧基本上所有地 CSS教科書(shū)都會(huì)有說(shuō)明,別忘記給它加上個(gè)寬度。Exploer 下也可以使用
body{
text-align: center ;
}
然后定義內(nèi)層容器
text-align: left ;
恢復(fù)。
⑥ 、隱藏 Exploer textarea 地滾動(dòng)條
textarea {
overflow:auto;
}
Exploer 默認(rèn)情況下 textarea 會(huì)有垂直滾動(dòng)條(不要問(wèn)我為神馬)。
⑦ 、 設(shè)置打印分頁(yè)
h② {
page-break-before :always;
}
page-break-before 屬性能設(shè)置打印網(wǎng)頁(yè)時(shí)地分頁(yè)。
⑧ 、 刪除鏈接上地虛線(xiàn)框
a :active, a:focus {
outline :none;
}
Firefox 默認(rèn)會(huì)在鏈接獲得焦點(diǎn)(或者點(diǎn)擊時(shí))加上條虛線(xiàn)框,使用上面地屬性可以刪除。
⑨ 、最簡(jiǎn)單地 CSS重置
* {
margin: 0; padding: 0
}
北京歡迎你科技有限公司原創(chuàng)文章,關(guān)鍵詞:北京網(wǎng)站建設(shè) 北京建網(wǎng)站 北京網(wǎng)站制作 轉(zhuǎn)載請(qǐng)注明出處:tdfly.com謝謝!