1.如何建立css樣式表
2.css3的卓越特性
3.基於裝置屬性改變樣式的**查詢
4.如何使用屬性改變元標籤建立更美觀移動頁面
層疊樣式表是移動web開發中的乙個重要組成部分，本次分享將學到如何編寫css並用它為移動頁面定製樣式，其中包括**查詢為特定裝置定製樣式表。此外還將了解一些影響移動裝置內容顯示的元標籤
建立好的樣式，可通過三種方法附加到樣式表裡
1.內聯到標籤中 【建議在測試的時候這麼做】
2.內嵌於html的開頭
使用font屬性的語法為：
font: font-style font-variant font-weight font-size/line-height font-family;
為了確保web頁面外觀與設想一致，可以使用順序的字型列表，也稱為字型堆疊
在為web頁面布局之前，需要了解web頁面的行程。文件中的每乙個元素的預設形狀都是方形，即使這個形狀不顯示出來也是如此。最簡單的方法就是使用border屬性為元素加上乙個邊框，語法如下：
border: 1px solid red;
下圖為盒子模型：
中心為內容區域（width）
補白（padding）
邊框（border）
邊距（margin）
css3帶來了以下卓越的新特性：
多列布局和網格布局
圓角邊框圖形
文字及盒陰影
非瀏覽器裝置山固定滾動溢位
字型及排版修改
動畫三維變換
瀏覽器並不直接支援css3樣式屬性。大部分web瀏覽器的做法是在使用新屬性時，需要在屬性前加上相應的關鍵字，以表明它是瀏覽器專用屬性。如下：
-moz firefox 和 mozlla
-ms internet explorer
-wap wap 和 opera
-o opera
-webkit chrom 和 safari
在新增了相關瀏覽器專用副檔名後，才可以使用許多css3新屬性。
下面就列舉幾個為例：
圓角:border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius
border-top-right-radius
當然為了相容還要考慮ff與webkit的副檔名
盒陰影及文字陰影
可以使用css3屬性text-shadow 和 box-shadow為文字與盒新增陰影
text-shadow:horizontal-offset vertical-offset blur-radius color;
text-shadow:horizontal-offset vertical-offset blur-radius color;
offset指陰影從原元素出發的偏移量。blur radius 為模糊兩； color為陰影顏色。
透明色：
之前我們css2.0用的都是 rgb 現在css3.0推出了rgba就是多了乙個通道，可以設定透明度了
第四位加入乙個在0到1之間的數字，0為完全透明，而1為完全不透明。rgba(0, 0, 0, 0.4);
HTML5 快取 CSS3動畫
1 語義標籤 2 增強性表單 4 canvas 繪圖 5 svg繪圖 6 地理定位 7 拖放api 8 web worker 9 web storage 10 websockket 處理html5新標籤的瀏覽器相容問題？1 使用document.createelement tag 來解決 2 使用h...
html5移動開發
canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道，的移動 旋轉 縮放?那都太基礎了，自己畫都是小case，至於怎麼用，好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...
css3和html5的基礎
流式布局 應對視窗大小做等比例縮放布局 簡單來說利用百分數來進行布局 css3的box sizing與calc 通常設定邊框會被設定在元素的外圍 box sizing屬性值設為border box時邊框就加在元素內部 css3中在進行響應式布局時需要對不不同的螢幕大小設定不同的div排序方式。這時候...