2012年4月19日

CSS 相關 (筆記)

Wayne Fu 0 A+
CSS 全參數彙整螞蟻的 CSS 速查表

CSS 寫法與效能PTT 的討論

線上學習 CSS:學習CSS佈局(中文版)

增進 CSS 效能:增進 CSS 效能、解 IE hack 的 Tips

有效率的CSS選擇器:如何撰寫有效率的CSS選擇器

 CSS 語法概念:通達人驛站──快速學習修改 Blogger CSS筆記

 CSS3 瀏覽器兼容性處理:css兼容性hack (ie6,ie7,ie8,firefox,chrome)

 簡易 CSS 下拉選單:純CSS下拉選單

 用CSS3做Logo:Jas9──用CSS3做Logo

 CSS 背景縮放:Dream Talker──CSS 背景縮放

 圖片、區塊水平置中的語法:圖片水平置中的用法

 把圖片轉換為灰階:Convert an image to grayscale in HTML/CSS

 字體的英文名稱:指定CSS時 字體的英文名稱

 IE下不出現捲軸的方法:CSS overflow 屬性用法讓你掌握控制捲軸效果

 IE 下實現文字陰影效果:一棵樹──IE下實現類似CSS3 text-shadow文字陰影的幾種方法
簡單的文字陰影效果只要使用 text-shadow 就能實現,不過獨一無二的 IE 就是必須繞遠路,試了多種 IE 的 filter 效果都是慘不忍睹,唯一還能接受的是使用這篇文章的 filter:glow。但事情沒這麼簡單,filter:glow 丟到 <span> 標籤裡面 IE 照樣不吃,因為 filter:glow 必須丟到符合「hasLayout」的元素裡面才行,真是夠了。

WFU BLOG 標題使用的陰影,便是將 filter:glow 丟到 <table> 裏;,再加上置中的參數,多打了不知多少文字,好不容易才勉強在 IE 下有類似文字陰影的效果


筆記增補時間請見下方更新資訊。
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP