實用的 CSS3 參考手冊和代碼產生工具

來源:互聯網
上載者:User

CSS3技術現在越來越成熟,通過CSS3的一些新特性(如box-sizing、邊界半徑、文字陰影、漸層等)建立的效果已經令前端開發人員興奮不已。使用CSS3進行前端設計是未來的發展趨勢。因此,如果你是一名前端設計師,就需要掌握這些最新的技術,否則就有可能會被淘汰。
一、參考手冊
1.  Idiomatic CSS
編寫統一、符合習慣的CSS的原則,有中文版本。
2.  CSS3 Click Chart
範例程式碼和CSS3特性支援情況表。
3.  CSS3 Selector
CSS3 Selector的官方指導手冊。


4.  HTML5 & CSS3 Support
主流瀏覽器對HTML5和CSS3支援情況一覽表。


5.  CSS3 - Information and Samples
針對CSS3的各種資訊和樣本。


6.  Sencha CSS3 Cheat Sheet


7.  Smashing Magazine CSS3 Cheat Sheet


二、CSS代碼產生工具
1.  Gradient Editor
一個強大的CSS漸層代碼可視化編輯器,類似於Photoshop的漸層設定介面。


2.  Gradient
CSS3漸層代碼產生器。


3.  Border Radius
邊界半徑(圓角)代碼產生器,通過設定四個角的半徑數字,即可自動產生代碼,且能夠直接預覽到效果。


4.  CSS3 Generator
通過可視化形式設定各種屬性,包括文字陰影、輪廓、邊界、漸層、過渡等,並能夠自動產生代碼。


5.  CSS3
針對邊界半徑、box陰影、背景漸層和不透明度的CSS3代碼產生器。


6.  LayerStyles
如果你熟悉Adobe Photoshop,你會發現這個工具非常好用。


7.  CSSWarp
自動產生路徑文本的CSS代碼。


8.  Font Squirrel
產生woff、svg、eot和ttf格式的字型,並在CSS中使用。


9.  CSS3 Maker
強大的CSS3代碼產生器。


10.  CSS3 Tool
各種CSS3代碼產生工具集合。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.