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