CSS語法範例

[轉］CSS Compressor – CSS 壓縮機，線上幫你的 CSS 檔減肥瘦身。

週一, 20 七月 2009 14:25 管理者

本文章發佈於免費資源網路社群，轉貼時請註明頁面網址並保留本訊息，謝謝。

若你是網頁設計者，且常常會感覺網頁開啟速度有點延遲或是不夠快的話，那麼有可能是你的 CSS 檔或是 JS 檔案太過龐大。此時你便可以透過 CSS Compressor 這項線上工具來為你的 CSS 檔進行壓縮和減肥。

進到 CSS Compressor 頁面後，你可以看到許許多多的選項，若你覺得這樣太麻煩，那麼可以點選 Regular mode ，該模式下就不需要做太多設定，直接點選壓縮的比例和註解的設定就可以，接著將 CSS 文件所有內容複製並且貼在下方 Insert CSS Code 的位置，按下 Compress-It 就開始進行壓縮。接著會顯示出壓縮前的容量與壓縮後的容量差異，你可以決定是否採用壓縮後的 CSS 檔。

新增回應

CSS下拉式選單

週二, 07 七月 2009 10:38 管理者

　　由於網路上的下拉式選單(drop down menu)。

　　大部份都是要套javascript才能完成的

　　但我記的ＣＳＳ也可以做出此效果

　　因此找到一個簡單範例

　　原始網址CSS Drop Down Menu

閱讀全文... 新增回應

最近更新 ( 週五, 10 七月 2009 14:25 )

CSS對IE7， IE6， FireFox和其它不同瀏覽器的控制(轉)

週二, 14 四月 2009 09:48 管理者

我們針對不同的瀏覽器開發出不同的CSS文件，一個針對IE，一個針對Firefox，一個針對其它所有類型的瀏覽。這樣，我們在設計時，就不用去考慮太多，只要我這個CSS能在FF中正常顯示，我就不管IE下執行下怎麼樣了，同樣IE中正常的CSS，也不去管它在FF中會是顯示如何的亂。
首先，我們在HTML代碼裡要放入標籤，標籤裡先寫入默認要用到的CSS文件的位置，建議放IE中用到的CSS文件，比如，這樣能避免在對方瀏覽器沒有開啟javascript的時候，無法判斷瀏覽器類型的時候，也能以90%以上人使用的IE正常顯示。

把下面這段JS放在HEAD中

程式代碼