CSS

css實現真正的圓角表格 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

樣本： *[lang=fr] { font-size:14px; width:120px; } *.div { text-decoration:none; } 2.類型選擇符 文法： E { sRules } 說明： 類型選擇符。以文檔語言對象(Element)類型作為選擇符。 樣本： td { font-size:14px; width:120px; } a { text-decoration:none; } 3.屬性選擇符 文法： E [ attr ] { sRules } E

相信大多數人都偏向第一種方式：用於文章標題上，從文章的角度上看，使用者進到內容頁裡，想看到的當然就是文章的內容，文章標題理所當然是最重要的、最應該突出的。 OK，以上是在文章的角度看的，如果在頁面的角度看呢？

今天，我在一個有52個欄位的報表時，迫使我深入的做了一下研究， 我發現： col在ff下的display 的預設值是：table-column visibility的預設值為：visible 我又查查了CSS手冊，發現 visibility 有一個 collapse的可選值，據說在IE下是沒有實現的，IE沒實現不竺於FF沒有實現，就像FF不支援的不一定IE不支援一樣。 BT的我，一個一個試了一遍， 終於發現了！ FF下可以用下面的方法，用COL把表格的列給隱藏！ 歡呼！ 複製代碼 代碼如下:

點擊查看效果: Untitled Document 以下兩個DIV的樣式基本一樣,但是第一個的外掛(理解俺的意思就行了)樣式:background-color後面加了一個 !important,所以,雖然第一個DIV行內(in line)CSS也定義了background-color,但是卻是參照外掛的background-color,其它的沒有指定 !important 的,就被行內的STYLE覆蓋掉了. 中Class中包括:!important的樣式

許多網頁設計師都喜歡，將兩個或者多個容器等高的並排放置，並在裡面展示每個容器的內容，就象經典表格版面配置中的儲存格控制幾個欄目的位置，也喜歡容器的內容置中或頂部對齊顯示。 但是你又不喜歡用table來實現他，那怎麼辦呢？實現的方法很多，有根據視覺錯覺實現的，有用JS控制使高度相等的，還有採用容器溢出部分隱藏和列的負底邊界和正的內補丁相結合的方法來解決列高度相同的問題。 其實有個簡單的方法，使用display:table, display:table-row and

先看圖（圖片只是大致做了一下）效果展示：運行代碼框 無標題文檔 菜單 菜單 菜單 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

1.加clear空div .clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-mac */

它們被用來組合一大塊的HTML代碼並賦予一定的資訊，大部分用類屬性class和識別屬性id與元素聯絡起來，見CSS中級指南的類和id選擇符。 　　span和p的不同之處在於span是內聯的，用在一小塊的內聯HTML中，而p（想想pision是什麼意思）元素是塊級的（簡單地說，它等同於其前後有斷行），用於組合一大塊的代碼。 　　 　　This is crazy

IE方法： 標記內的內容置中。 非IE方法： 標記的左右邊距自動適應，以達到置中效果。 標準推薦的CSS使用方法是後者，IE的那套是非標準的。不過在IE6中使用標準的DTD聲明（xhtml版本），也能使用margin:0 auto;方法達到置中效果。 置中 IE置中 標準置中 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

新寫的樹: 1.解決了大數量載入過慢的問題 2.改進應用介面,可擴充性更強 先看效果吧,回頭再寫相關的使用參數文檔:) 執行個體示範: http://www.jb51.net/tools/cssTREE/index.html http://www.jb51.net/tools/cssTREE/index.big.html (大資料量(3000結點)效果示範) 代碼下載:

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

css多行多列的新聞模式_經驗交流看圖:這種效果,甚至是三列四列的新聞模組,以前我都用table,以為比css方便,直到後來發先了a的浮動之後,原來用ul更方面,更容易控制,先來看看代碼吧:引用:.news{} .news li{ list-style:none; clear:both} .news li a#n1{ text-decoration:none; float:left; line-height:22px;} .news li a#n2{ text-decoration:none;

HTML文檔與CSS的關聯常見有4種方式： 使用link標記 使用style元素 使用@import指令 使用style屬性的內聯樣式(inline style) 這是紅色的字 在實際應用中，使用style屬性的內聯樣式是不推薦使用的，XHTML1.1已經將其標準為不建議使用，原因很簡單這種方式不比font標記強多少，削弱了CSS集中控制整個文檔外觀的優點。前3種方式利用了link標記和style標記，在IE(包括IE6、IE7和IE8 beta1)中有如下限制：

web開發人員關心的IE7和IE8共存的問題其實可以很好的解決。解決方案一：在瀏覽器右上方有一個“模仿IE7”的切換按鈕，但有點麻煩，需要關閉瀏覽器再重新開啟才可以。 解決方案二：在IE8內建的“開發人員工具”中，點擊查看選擇striet(Internet Explorer7)，既可以不重新啟動瀏覽器觀看IE7下的效果。可以只提供IE5/7/8三種，並沒有IE6模式，還好我有" href="http://tredosoft.com/Multiple_IE"

製作容易的網站導覽欄是CSS真正展現自己特有能力的一個領域。製作導航條的老方法傾向於依賴大量的圖片、巢狀表格格和Javascript指令碼 – 所有這些都會嚴重影響網站的可用性和無障礙性。如果你的網站不能在一個不支援Javascript的裝置上被導航，那麼你不僅阻止了關閉Javascript的使用者，同時你也阻止了只支援文本的裝置，比如螢幕助讀程式已經搜尋引擎的機器人程式 –

jb51.net [/htmlMarquee嵌套 [html] ÿ ÿ ÿ [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]]

1.分解你的樣式 對於小項目，在寫代碼之前，按頁面結構或頁面內容將代碼分為幾塊並給予注釋。例如，可以分別將 全域樣式、布局、字型樣式、表單、評論和其他分為幾個不同的塊來繼續工作。 而對於較大的工程，這樣顯然不會有什麼效果。此時，就需要將樣式分解到幾個不同的樣式表檔案。下面的master stylesheet 就是這一方法的例子，它的工作主要是匯入其他樣式檔案。使用這一方法不僅能最佳化樣式結構，而且有利於減少一些不必要的伺服器請求。而分解檔案的方法就有許多種，master

這樣就存在了新的問題，目前在IE7中工作正常的網頁在IE8中會出現問題。 微軟在IE8提供三種解析頁面的模式 　　IE8 Standard Modes ：預設的最標準的模式，嚴格按照W3C相關規定 　　IE7 Standards Modes ：IE7現在用的解析網頁的模式，開起機關是在中加入 　　Quirks Modes ：IE5用的解析網頁的模式，開起機關是刪除HTML頂部的DOCTYPE聲明 　　注意：不同模式間的網頁在IE8中可以互相 frame

我們羅列了十幾條相關的知識與注意點，大家可以系統的探討一下，讓我們編寫的Web頁面開啟更加流暢。 　　請不要告訴我，你看不懂E文，只是你不願意看！！！ 　　1、How the style system breaks up rules 　　The style system breaks rules up into four primary categories. It is critical to understand these categories, as they are the