1，<img /> 一定要帶src和alt屬性
2，opacity不爲百分比
3，ie7的hack 改成*，而不是*+
4，未知屬性
一直以爲會寫html，css就是重構，原來細節，細節。
檢測你的能力的不是你的工作，而是面試。
有的東西知道，但沒有去做，這就是偷懶。
總結一下，繼續努力。
關於模塊化：
樣式的作用域──頁面重構中的模塊化設計（一一切爲了重用與高效——談CSS模塊化（補充版）
http://www.i-wui.com/blogv2/?p=165
樣式的作用域──頁面重構中的模塊化設計（一）
http://www.cssforest.org/blog/index.php?id=161
欄目級作用域──頁面重構中的模塊化設計（二）
http://www.cssforest.org/blog/index.php?id=162
繼承──頁面重構中的模塊化設計（三）
http://www.cssforest.org/blog/index.php?id=164
模塊化的核心思想──頁面重構中的模塊化設計（四）
http://www.cssforest.org/blog/index.php?id=165
基類、擴展類──頁面重構中的模塊化設計（五）
http://www.cssforest.org/blog/index.php?id=167
CSS模塊的註釋——頁面重構中的模塊化設計（六）
http://www.cssforest.org/blog/index.php?id=168
關於靜態資源管理：
性能測試：
測試網站各項性能的31 個免費在線工具
你是否肯定你的網站完全兼容各大瀏覽器？是否知道多少秒可以打開你的網站？ 是否可以自信地說你的網站根本就沒有打不開的時候？ 是否……雖然它看似不重要，但這些在一定程度上也對你的網站的訪問量產生了影響 。這裏列出了一份31 個免費在線測試工具，你可以通過這些工具來測試你的網站，並根據結果對你的網站進行修改。
網站代碼驗證 沒人可以細緻到保證自己的網站代碼都是正確的，你可以通過以下測試來驗證網站代碼是否正確。
1 . WDG HTML Validator 一個很好的工具，能找出網站語法錯誤的地方，並標註出來，也可選擇對網站上單獨的每一頁進行單頁分析。（ 強烈推薦 ）
2 . W3C Markup Validation Service 對 HTML 和 XHTML 都能進行代碼測試，自稱是互聯網絡上第一個（也是使用者最多的）的 HTML 驗證工具。
3 . W3C CSS Validation Service 用於驗證 css 源代碼，能夠標註出不好的 css 代碼設計。例如：“Same colors for color and background-color in two contexts”。
4 . RUWF XML Syntax Checker 用於查找 XML 文件的錯誤。
5 . W3C Feed Validation Service 用於查找 Atom 和 RSS feed 中的錯誤語法。（ 這個我經常用到 ）
6 . W3C Link Checker 用於搜尋查明你網站內的所有鏈接裏是否有斷鏈。（ 強烈推薦 ）
7 . Juicy Studio Link Analyser 測試網站內的鏈接的 URL 是否存在死鏈，與 W3C Link Checker 很類似。
網站的使用性
我們常常看到網站設計者把重點放在怎網站的吸引力上，而完全不考慮會不會影響來訪者的使用，一個瀏覽難度很大的網頁是註定要失敗，要讓你的來訪者方便的得到他要的信息（從而成爲重複訪客），你的網站應當遵循 WCAG section 508 易用性規則。
8 . Watchfire WebXACT 所有嚴謹的設計師和開發者都必須使用的工具，它會生成一個非常詳盡的報告書，包括：網站質量，易用性和隱私等。（ 強烈推薦 ）
9 . ATRC Web Accessibility Checker 測試網站的 WCAG 2.0 Level2 兼容性，它會生成一份報告，提出一系列建議，如：如何提升頁頭，鏈接，數據，圖表和文字的訪問速度。
10 . WAVE 3.0 Web Accessibility Tool 高度可定製的工具，它採用了圖形化模型展示網站兼容性問題（ WCAG 1.0 and section 508 ）。（ 強烈推薦 ）
11 . TAW Web Accessibility Test 測試網頁是否存在衝突（ WCAG 1.0 兼容性 ），通過圖形模式生成一份依據 wcag 優先模式爲基礎的網站修改建議。
12 . HiSoftware CynthiaSays portal 採用了非常嚴格的規則來測試網頁（ 根據 section 508 和 WCAG 1.0 規則 ），生成的報告也極爲詳細（ 詳細到很難看懂 ）。
13 . HERA Accessibility testing with Style 使用一種極爲複雜但容易理解方式指出網頁的 wcag1.0 兼容性問題。
14 . Juicy Studio CSS Analyser 進行了色彩對比測試，以確保你的網站的色調會符合 WCAG 1.0 的要求。
15 . Juiciy Studio Readability Test 分析你網站上的文字是否有語法錯誤或拼寫錯誤等問題，容易讓人理解不（ 根據 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 規則 ）。（ 適合英文網站使用 ）
網站的速度
打開你的網站的速度快慢，是來訪者會不會再次訪問網站的關鍵因素，在一般情況下，一個網絡不是很快的來訪者是不願意訪問一個充滿着圖片、flash 動畫、多媒體文件的網站。爲了使你的網站覆蓋人羣的範圍最大化，你必須優化你的網站，使它的打開速度儘可能的快。
16 . Web Page Analyzer from Website Optimization 一個很好的工具，它在分析完一個網頁後，會爲減少加載時間提出優化建議，着重優化物體的數目，圖片和網站的總體大小。（ 強烈推薦 ）
17 . WebSitePulse Test Tools 有一系列的工具來確定網站的加載速度和主機信息。
18 . Internet Supervision Url Check 從世界各地不同的服務器來測試你的網站的加載時間，用於確定是不是各地的來訪者都能順利快速的打開你得網站。
瀏覽器模擬工具
這是一個普遍的問題，因爲現在有着很多的操作系統和瀏覽器，你得網站必須得兼容它們，但這絕不是一件容易的事。通過下列工具，你可以瞭解你得網站在各種瀏覽器上的顯示效果。
19 . Browsershots 能給出你的網站在不同瀏覽器下顯示效果的截圖，包括：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），但是結果要在 1 - 3 小時後才能出來。
20 . IE NetRenderer 實時生成你的網站在 Internet Explorer 5.5 、6.0 和 7.0 下的截圖。
21 . MobiReady Report 分析使用手機訪問網頁的兼容性問題，會生成一份詳細的報告，並提供了在兩種不同類型的手機瀏覽器上你得網站可能顯示的樣子。
搜索引擎優化 (SEO)
一個網站，如果對搜索引擎有着比較好的友好度，一定會比較有競爭力。
22 . UrlTrends 會顯示網站的訪客是如何通過搜索引擎來到你的網站，還有各個流量是多少。這些數據是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些網站。（ 強烈推薦 ）
23 . iWEBTOOL Backlink Checker 一個很好的工具，它能找出有什麼站點鏈接到你的站點，那些站點是什麼類型的站點。
24 . iWEBTOOL Multi-Rank Checker 顯示你網站的 Alexa 和 Google PageRank 數值。
25 . Microsoft adCenter Labs: Advertising and Keyword Research Tools 一個極好的工具，用於分析和預測你網站的來訪者和市場。（ 強烈推薦 ）
26 . Domain Tools Whois lookup 一個 WHOIS 網絡工具。
27 . SEO-Browser 可以讓你看到在搜索引擎眼裏一樣的網站（ 去掉所有的”美麗”配件 ）。
28 . SEO Workers SEO Analysis Tool 非常有用的工具，分析了網站上的各種分類特徵，包括 meta 標籤、關鍵字密度及加載時間。（ 強烈推薦 ）
29 . Seekport Seekbot 可以分析網站的數據和內容，以得出搜索引擎會如何有效的解釋分析的網站。
30 . SEO Chat SEO Tools 用以分析網站 Google adsense 盈利潛力，關鍵字密度，Meta tag 等等……
31 . Marketleap Search Engine Marketing Tools 用來分析網頁，讓你知道你的網站檢索、設定的關鍵字好不好。