css技巧-經典中的經典

刪除鏈接上的虛線框

a:active, a:focus {

outline:none;

}

Firefox 默認會在鏈接獲得焦點(或者點擊時)加上條虛線框,使用上面的屬性可以刪除。

最簡單的 CSS 重置

* {

margin: 0; padding: 0

}

不讓鏈接折行

a {

white-space:nowrap;

}

上面的設定就能避免鏈接折行,不過個人建議長鏈接會有相應的這行(有關換行方面的討論,參看圓心的記錄)。

始終讓 Firefox 顯示滾動條

html {

overflow:-moz-scrollbars-vertical;

}

更多的 Mozilla/Firefox 私有 CSS 屬性可以參考這裏。需跨浏覽器的支持,也可以使用

body, html {

min-height:101%;

}

使用 line-height 垂直居中

line-height:24px;

使用固定寬度的容器並且需要一行垂直居中時,使用 line-height 即可(高度與父層容器一致),更多的垂直居中總結可以看這裏。

清除容器浮動

#main {

overflow:hidden;

}

使塊元素水平居中

margin:0 auto;

其實就是

margin-left: auto;

margin-right: auto;

這個技巧基本上所有的 CSS 教科書都會有說明,別忘記給它加上個寬度。Exploer 下也可以使用

body{

text-align: center;

}

然後定義內層容器

text-align: left;

恢複。

隱藏 Exploer textarea 的滾動條

textarea {

overflow:auto;

}

Exploer 默認情況下 textarea 會有垂直滾動條(不要問我爲什麽)。

設置打印分頁

h2 {

page-break-before:always;

}

page-break-before 屬性能設置打印網頁時的分頁。

 
CSS經典技巧十則
本文由經典論壇 r2no1 翻譯整理原文發表網站:本翻譯並未得到作者或網站授權。一切權利都歸原作者及原網站所有。如果你得到原作者或原發表網站的授權,可以自由使用本翻譯。1.CSS字體屬性簡寫規則一般用CSS設定字體屬...查看完整版>>CSS經典技巧十則
 
經驗總結:T-SQL中的經典技巧──遞歸
這篇論壇文章(賽迪網技術社區)針對T-SQL中的遞歸進行了經典的論述,詳細內容請參考下文: 我曾經擔任過大學的老師。我在開始講授子查詢時,會讓學生從Northwind數據庫的employees表中,找到年齡最小的雇員。大多數...查看完整版>>經驗總結:T-SQL中的經典技巧──遞歸
 
學習網頁技巧:css布局中的居中問題
如何使DIV居中主要的樣式定義如下:body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 說明:首先在父級元素定義TEXT-ALIGN: center;這個的意思就是在父級元素內的內容居中;對于IE這樣...查看完整版>>學習網頁技巧:css布局中的居中問題