1、寫出media type的幾種使用方法。

1）方法一 ：

<link href="style.css" media="screen print" ...

<?xml-stylesheet media="screen" href="style.css"... 

@import url("style.css") screen; 

<style media="screen"> 
@import url("style.css"); 
</style> 

@media screen{ 
selector{rules} 
} 
 

• IE5.5/6/7不支援在@import中使用媒體型別 。
• Safari/firefox只支援all,screen,print三種類型(包括iphone) 。
• Opera 完全支援 。
• Opera mini 支援handheld，未指定則使用screen 。
• Windows Mobile系統中的IE支援handheld。

1）Gumby Framework

    Gumby 2是建立在Sass基礎上的。Sass是一款非常強大的CSS 前處理器，允許使用者自主快速的開發擴充套件Gumby，同時提供很多新的工具來自定義和擴充套件Gumby框架。Gumby 2是一個非常棒的響應式CSS框架。
2）Get UI Kit

    Get UI Kit是一款輕量級、模組化的前端框架，用於開發快四且強大的Web介面。
3）Foundation

    Foundation是一個易用、強大而且靈活的框架，用於構建基於任何裝置上的Web應用。提供多種Web上的UI 元件，如表單、按鈕、 標籤等。
4）Semantic

    UI是Web的靈魂！Semantic是為攻城師而製作的可複用的開源前端框架。提供各種UI元件，使得開發更加直觀、易於理解。
5）52Framework

    52 Framework主要用於優化HTML5和CSS3的跨瀏覽器相容性的框架，可在所有主流瀏覽器上執行。
6）PureCSS

      Pure是一組小的、響應式CSS模組，可用於任意Web專案中。它可作為每個網站或Web應用的起步工具，幫助開發者處理應用程式所需的所有CSS工作，同時不會讓每個應用千篇一律。 
7）Responsablecss
     Responsable使用最少的Sass，帶給你最完美的響應式框架。
8）TukTuk

     TukTuk支援程式碼重用功能，提供更加快速、高效的樣式列表，易於新增與維護。
9）Kube

     Kube是全球最為流行、最靈活的CSS框架之一。其帶給你最強大的功能選擇，極具創意性與美觀性。
 10）Ivory
     Ivory是一款強大、靈活、易用的響應式框架。 Ivory基於12列的響應式網格佈局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的元件和樣式。