導航:首頁 > 編程大全 > css兼容性工具

css兼容性工具

發布時間:2024-05-02 12:09:12

A. Web 設計的CSS 工具有哪些

Web程序員必備的CSS工具

  1. CSS問題檢查工具:CSS Lint
    CSS Lint是一個開源的校驗CSS文件質量的工具,最初是由 Nicholas C. Zakas和 Nicole Sullivan編寫的,最初版本在Velocity會議上於2011年6月發布。CSS Lint的檢測規則包括錯誤的和警告,當選擇器或屬性書寫不正確、漏掉了大括弧、多寫了分號等時,會提示解析錯誤,解析錯誤優先提示。

  2. CSS代碼分析統計工具:CSS Stats
    Css Stats是一款在線CSS代碼分析工具,輸入網站CSS網址即可進行CSS代碼分析。Css Stats是前端網頁設計師分析網站CSS代碼的利器,可以統計CSS代碼里的規則、字體大小、寬度高度、顏色數等等。
    對於網頁設計師而言分享網頁CSS代碼是必須要做的事情,統計網站設計里使用了多少種字體、多少種字體大小、多少種顏色、背景顏色有多少種,只有對CSS代碼有一個詳細的統計數字才能分析出來整個網站設計出來以後的效果。Css Stats還提供熱門網站的CSS分析數據,例如谷歌、雅虎、Twitter、FaceBook、Tumblr等網站。

  3. CSS代碼優化壓縮工具:CSS Shrinks
    CSS Shrinks 能夠非常明顯的壓縮你的CSS體積大小。很多Web程序員編寫的CSS代碼里有大量的冗餘語法,空白空間等,這款工具能在不影響你的CSS的正確性的情況下,優化CSS的語法,去除無用的空格和空行,顯著的壓縮CSS的提交,大量的減少帶寬的浪費。

  4. CSS代碼整理工具:ProCSSor
    ProCSSor 除了提供基本優化CSS代碼功能,還提供了大量的自定義選項。比如,讓你設定CSS規則,CSS屬性,CSS語法的優化選項。它還提供了對新型CSS3屬性、規則中各種瀏覽器里的不兼容替代方案。

  5. Codrops CSS 語法參考
    Codrops CSS 參考內容豐富而全面,並且界面清爽直接,你可以使用這個工具掌握CSS里最重要而全面的知識。它的CSS知識庫分成了數個類別,包括偽類,屬性,函數,數據類型,概念,規則等。

  6. CSS3瀏覽器兼容支持情況查詢工具:Can I Use
    「Can I Use」在這里你能找到所有web新特性在各個品牌瀏覽器以及各品牌瀏覽器不同版本的兼容性,當你知道你針對的用戶都在使用什麼瀏覽器時,這寫table將對你建設網站有很大幫助。打開caniuse.com,該網站首頁將所有HTML5、CSS3等web新特性羅列出來,如果你想查看某個特性在不同瀏覽器種的兼容情況,點擊一下就可以。比如,看一下@font-face Web fonts在各個瀏覽器中的兼容性,點擊CSS區域中的第一項,會看到一個表格,列出所有瀏覽器的版本,用不同顏色代表每個瀏覽器對@font face Web fonts的支持,被標識為紅色的代表不支持,淺綠色代表部分支持。圖中列出的瀏覽器還包括一些手機平板設備瀏覽器,例如Android系統瀏覽器。如此全面,設計網站時,可以根據網站針對的用戶有選擇的使用CSS和Javascript的高級特性,提高用戶體驗。

  7. 檢查你的代碼是否符合CSS標准:W3C CSS Validation Service
    這個工具是用來檢查你的CSS語法是否正確,是否符合W3C CSS標准。我們知道從最早的IE開始,各種瀏覽器都實現了一些自己的方言,這些方言中在各種瀏覽器里互不相通。但我們開發網頁時,必須最大限度的考慮各種瀏覽器的兼容性,最好的方法是遵守W3C的CSS標准規范。W3C CSS Validation Service就是用來校驗你的css中的問題,它會提醒你那些語法,哪些屬性,那些規則是有問題的。

  8. CSS動畫生成工具:Gradient Animator
    這是一款使用CSS Gradient和CSS Animation技術實現的動態背景生成工具。工具非常易用,輕松地點擊幾下滑鼠,一個現代感十足的漸變動態背景代碼就生成了。它可以讓CSS漸變背景平滑地移動,我們可以設置移動的角度,移動的速度,漸變的角度。支持所有現代瀏覽器以及 ie 10+。非常適合做網頁開屏背景。

閱讀全文

與css兼容性工具相關的資料

熱點內容
如何在app中留坑 瀏覽:937
後方交會程序 瀏覽:265
石家莊市門戶網站怎麼下載 瀏覽:251
linux長格式顯示文件鏈接 瀏覽:905
火狐app攔截窗口如何解除 瀏覽:154
視頻文件快速分割工具 瀏覽:730
ps如何把章子蓋到另一個文件上 瀏覽:497
發文件有哪些方式 瀏覽:346
word2007教學 瀏覽:185
win10圖標不顯示文件名 瀏覽:226
qq刷鑽軟體是真的嗎 瀏覽:100
壓縮文件下載後是記事本格式 瀏覽:432
還有什麼雲盤可以傳文件 瀏覽:931
win10hyperwinxp 瀏覽:365
有個收廢紙的app叫什麼 瀏覽:947
js去掉頁面雙擊選中 瀏覽:434
php獲取json數據 瀏覽:21
四葉草引導黑蘋果教程 瀏覽:851
營銷建網站怎麼建 瀏覽:820
秘密的秘密安卓下載 瀏覽:737

友情鏈接