2012年4月19日

CSS 相關 (筆記)

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

 斷行語法:word-wrap同word-break的區別-Web標準教程

 字體的英文名稱:指定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 下有類似文字陰影的效果


筆記增補時間請見下方更新資訊。

沒有留言:

↑TOP

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。