You are here: 首頁 文章分類選單 CSS語法專區

飛朵啦學習手札

本網站建議使用Firefox2.0以上,或是使用Goole瀏覽器來瀏覽,並使用1024x768解析度來觀看.

CSS語法範例

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

E-mail 列印 PDF

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

css-compressor.jpg

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

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

 
 

CSS下拉式選單

E-mail 列印 PDF
  由於網路上的下拉式選單(drop down menu)。
 
  大部份都是要套javascript才能完成的 

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

  因此找到一個簡單範例

  原始網址CSS Drop Down Menu 

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

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

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

把下面這段JS放在HEAD中
程式代碼 程式代碼


window.navigator.userAgent.indexOf後面是瀏覽器的類型,如果是Opera的話,還可以加一條if來判斷,用javascript 的條件判斷去寫吧,我這裡不多說了。

放好你的CSS的位置,試一下看看,是不是不同的瀏覽器分別調用了不同的CSS文件啊。爽!

第二種方法:
最近更新 ( 週二, 14 四月 2009 09:58 )
 
第 2 頁, 共 2 頁