CSS

原理是使用Alpha 濾鏡在每個表格上加上一個透明漸層，由table的背景顏色控制，單個td控制另一色漸層 Alpha 濾鏡  文法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}  Filter: Alpha(Opacity=100

使用 line-height 垂直置中 line-height:24px; 使用固定寬度的容器並且需要一行垂直置中時，使用 line-height 即可（高度與父層容器一致），更多的垂直置中總結可以看這裡。 清除容器浮動 #main { overflow:hidden; } 期前也提到過這樣的問題，更多資訊可以看這裡。 不讓連結折行 a { white-space:nowrap; } 上面的設定就能避免連結折行，不過個人建議長連結會有相應的這行（有關換行方面的討論，參看圓心的記錄）。 始終讓

css table 超出隱藏

css table 之1px邊框儲存格--雲棲社區 雲棲社區 雲棲社區 雲棲社區 雲棲社區 雲棲社區 雲棲社區 雲棲社區 雲棲社區 雲棲社區 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

IE直接用:word-break:break-all;  /*允許詞內換行*/    word-wrap:break-word; /*內容將在邊界內換行*/    /*需要注意的預設是：*/    word-wrap:normal /*允許內容頂開指定的視窗邊界*/   

雖然在許多的文檔中，多次提及過這方面的內容，但依然有很多朋友在這些問題上犯錯。我們今天看看這些CSS技巧，認真讀一讀，或許您並不能完全理解，您可以進行搜尋，擴充您所想要得到的知識，相信您會有很多收穫！  　　一、ul標籤在Mozilla中預設是有padding值的，而在IE中只有margin有值。 

<link id="system_style" type="text/css" href="global.css" rel="stylesheet"/>  <div id="myArticle"> ... </div> 　　在global.css中聲明了 #myArticle{ width:400px;  height:300px; }

css實現的，用expression但在實際中部建議使用，佔用資源而且firefox瀏覽器不支援                                

1、十六進位的顏色值對位元與大小寫  編寫十六進位顏色值時你可能會用小寫字母或省略成3位元，關於這寫法沒找到確實的資料證明對瀏覽器的渲染效率是否有影響，但十六進位的顏色值預設標準是大寫及6位元標註。在未知情況下不希望冒險而降低了渲染的效率。  * 不贊成 - color:#f3a;  * 建議用 - color:#FF33AA;  2、display與visibility的差異 

層固定位置練習--by 阿會楠 雲棲社區                                                                 &

write by 阿會楠 環境：IE7+IE6 時間 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

今天看了振之關於有序列表的一篇文章，覺得挺不錯的。寫個例子：類型值 產生樣式 序列舉例 A 大寫字母 A、B、C、D、E a 小寫字母 a、b、c、c、e I 大寫羅馬數字 I、II、III、IV、V i 小寫羅馬數字 i、ii、iii、iv、v 1 阿拉伯數字 1、2、3、4、5 有序列表_www.jb51.net

強制不換行 div{ white-space:nowrap; } 自動換行 div{  word-wrap: break-word;  word-break: normal;  } 強制英文單詞斷行 div{ word-break:break-all; } CSS設定不轉行： overflow:hidden 隱藏 white-space：normal 預設  pre 換行和其他空白字元都將受到保護

 例如寬度為210px的ul裡   分別有4個li 這個4個li的寬度根據它們的自身內容長度為80px、120px、140px、80px。     我需要的效果是4個li向左自動排文。當第三個li和前兩個li的長度之和大於ul的寬度時候 第三個li則會下移一行。在第二行顯示。而不是把ul撐寬，或者是把自己撐高（內容換行，高度增加） 分別定義了ul的寬度210px和li的寬度自動，發現結果是：

if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7  alert('Mozilla, Safari,...IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari,... alert('Mozilla, Safari'); } else { alert('IE7'

Selector:first-letter {font-size:2.5em; font-family:"楷體_GB2312"; font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; color:#c00;}    如果你覺得還不是很清楚，那麼這裡就細細講述一下：   

例如：         <div style="background:#666;"> <!-- float container -->

不知道家有沒有遇到過這樣的情況：在CSS控製圖片大小時，如果把圖片的寬度寫死，比如 img{width:500px;} ，固然，如果圖片寬度大於500px可以很好的控制它不讓它過大，但如果圖片寬度小於500px，比如說只有100px時，剛才的寫法會把這張圖擴大5倍顯示，顯然，這不是我們想看到的。     那麼，CSS如何可以區分對待這些圖片設定大小呢？很簡單，請看： 複製代碼

自己用個符號·來代替，卻發現怎麼顯示都比較小，後來自己研究才發現我的字型全部定義成tahoma了，只要採用“宋體”就正常了。 列表前的小方塊--design by 雲棲社區 ·雲棲社區 ·雲棲社區 ·雲棲社區 ·雲棲社區 ·雲棲社區 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則如下：顏色16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如：#000000可以縮寫為#000;#336699可以縮寫為#369;盒尺寸通常有下面四種書寫方法:property:value1; 表示所有邊都是一個值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3