這幾天，在看慕課網的css3，寫得很詳細，
位址在這：
做一下筆記：
1、css3中的10種**查詢型別
值 裝置型別
all 所有裝置 (需要熟悉的)
screen 螢幕顯示器 (需要熟悉的)
print 列印用紙或列印預覽檢視 (需要熟悉的)
braille 盲人用點字法觸覺回饋裝置
embossed 盲文印表機
handheld 便攜裝置
projection 各種投影裝置
speech 語音或音訊合成器
tv 電視機型別裝置
tty 使用固定密度字母柵格的媒介，比如電傳打字機和終端
2.常見的3重**型別的引用方法
① link 方法
② @import方法
@importurl(reset.css) screen;③ @media 方法
3. **查詢的使用方法
@media **型別and （**特性）
**型別：上面提到的10種
**特性：max-width:400px 最大寬度
min-width:400px 最小寬度
...
①多個**特性的使用方法
/*用and連線*/
@media screen and (min-width:600px) and (max-width:900px)
}
②排除某個裝置
/*用not*/
@media not print and (max-width: 1200px)/*上面**表示的是：樣式**將被使用在除打
印裝置和裝置寬度小於1200px下所有裝置中。*/
③僅僅使用在某個裝置
/*用only*/
第一，盡量少用無關緊要的div；
第二，不要使用內聯元素（inline）；
第三，盡量少用js或flash；
第四，丟棄沒用的絕對定位和浮動樣式；
第五，摒棄任何冗餘結構和不使用100%設定。
第六，盡量使用h5的有含義的標籤
怎麼樣的布局或者說html結構才是簡單乾淨
的呢？這裡教大家乙個快速測試的方法。
你首先禁掉你頁面中所有的樣式（以及與樣式
相關的資訊），在瀏覽器中開啟，如果你的內
容排列有序，方便閱讀，那麼你的這個結構
不會差到**去。
CSS3 media 查詢 和 rem畫素
如果文件寬度小於 300 畫素則修改背景顏色 background color media screen and max width 300px rem 單位是乙個相對大小的長度，它是根據html標籤的字型大小來決定長度 瀏覽器的預設字型大小為16px 也就是說當html裡面的字型越大，rem的長度...
詳解CSS3特性 Media如何實現響應式設計
2013年響應式設計已經成為國外 的一項標配功能，國內越來越多的開發人員開始關注響應式設計，2014年相信國內更多的 也將使用響應式設計，因為利用css3特性 media將很簡單就能實現響應式設計，一次開發同時能在手機，平板，pc桌面等不同解析度的裝置下擁有較好的瀏覽體驗。在 css2 中，你可以為...
使用CSS3的 media來實現網頁自適應
如今，電腦顯示器的螢幕解析度向越來越大發展，而手機等移動裝置終端的解析度卻不可能大到 去。越來越多的 開始讓自己的頁面自適合各種解析度，在小解析度下顯示基本的內容，在大解析度下顯示全部功能，甚至是分多等級的多版本。作為web前端開發人員需要知道並且會用這種知識。css2裡面雖然支援 media屬性，...