您好！歡迎光臨北京歡迎你科技有限公司官網(wǎng)！
售前咨詢熱線：
010-56035709 北京地區(qū)專線： 010-56035709 售后服務(wù)專線： 010-56035709 VIP專線：
15901551129（24小時）
您好！歡迎光臨北京歡迎你科技有限公司官網(wǎng)！
售前咨詢熱線： 010-56035709 北京地區(qū)專線： 010-56035709 售后服務(wù)專線： 010-56035709 VIP專線： 15901551129（24小時）
您可以通過以下新聞與公司動態(tài)進(jìn)一步了解我們。我們所簽約的客戶,無論他們的項目是大或者小，我們都將提供好的服務(wù)。
這段時間在學(xué)習(xí)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 默認(rèn)情況下 textarea 會有垂直滾動條（不要問我為神馬）。
⑦ 、 設(shè)置打印分頁
h② {
page-break-before ：always；
}
page-break-before 屬性能設(shè)置打印網(wǎng)頁時地分頁。
⑧ 、 刪除鏈接上地虛線框
a ：active， a：focus {
outline ：none；
}
Firefox 默認(rèn)會在鏈接獲得焦點（或者點擊時）加上條虛線框，使用上面地屬性可以刪除。
⑨ 、最簡單地 CSS重置
* {
margin： 0； padding： 0
}
北京歡迎你科技有限公司原創(chuàng)文章，關(guān)鍵詞：北京網(wǎng)站建設(shè) 北京建網(wǎng)站 北京網(wǎng)站制作 轉(zhuǎn)載請注明出處：www.0931cabel.com謝謝！獲得《網(wǎng)站建設(shè)策劃方案》及報價詳情。多一份參考，總有益處！
友情鏈接 :
Copyright @ 2011-2022 北京歡迎你科技有限公司 京ICP備11011491號-1
本站設(shè)計已受版權(quán)保護(hù),任何公司及個人不得復(fù)制,違者將依法追究責(zé)任,特此聲明。
投訴電話 
北京總部 西安聯(lián)絡(luò)處 大慶聯(lián)絡(luò)處
|
 |
 |
關(guān)于我們
