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布局中的居中問題
 
CSS經典實用技巧18招
一.使用css縮寫使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》,這裏就不展開描述。二.明確定義單位,除非值爲0忘記定義尺寸的單位是CSS新手普遍的錯誤。在HT...查看完整版>>CSS經典實用技巧18招
 
css技巧:經典常用CSS使用技巧幾則
  使用 line-height 垂直居中   line-height:24px;   使用固定寬度的容器並且需要一行垂直居中時,使用 line-height 即可(高度與父層容器一致),更多的垂直居中總結可以看這裏。   清除容器浮動   #main...查看完整版>>css技巧:經典常用CSS使用技巧幾則
 
CSS設計網頁小技巧:100%的高度-css設計
在前端人員之間有一個普遍存在的問題,如何讓一個div的高度自動延伸到浏覽窗口100%的高度。有一些不同的方法可以實現,但是,我想出了一個我個人比較喜歡的方法。今天,我將于你分享一下。我對你是不了解的,但我試圖...查看完整版>>CSS設計網頁小技巧:100%的高度-css設計
 
CSS技巧:節約網頁代碼編寫時間-css設計
CSS已經成爲網頁前端設計一個非常重要的部分,由于寫CSS時需要考慮的問題非常多,老手們創建新頁面是通常會沿用以前的CSS框架。但是新手沒有自己的框架,這篇文章可以給新手們一些啓示。1.簡單的純CSS Tooltip通過這...查看完整版>>CSS技巧:節約網頁代碼編寫時間-css設計
 
CSS技巧整理共25條
1、ul標簽在Mozilla中默認是有padding值的,而在IE中只有margin有值。2、同一個的class選擇符可以在一個文檔中重複出現,而id選擇符卻只能出現一次;對一個標簽同時使用class和id進行CSS定義,如果定義有重複,id選擇...查看完整版>>CSS技巧整理共25條
 
CSS的常用技巧整理
一.使用css縮寫 使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》,這裏就不展開描述。二.明確定義單位,除非值爲0 忘記定義尺寸的單位是CSS新手普遍的錯誤。在...查看完整版>>CSS的常用技巧整理
 
 
回到王朝網路移動版首頁