[b][size=large]讓乙個div水平、垂直居中[/size][/b]
一、流式布局兩個要點：
1，在link中加入media
2，把精確的畫素改為百分比，並使用box-sizing:border-box。
盒模型以border為準。
解決流式布局中兩個水平盒子各分50%的寬度
二、在頁面布局中小的點
在上面要點基礎上也有一些小的點用來精細的設定頁面
甚至padding也可以使用百分比。
border-radius
-webkit-linear-graient();
[b][size=large]用js檢測使用者使用裝置[/size][/b]
使用device.js檢測瀏覽器
device.ipad()
device.mobile()
device.iphone()
device.android()
device.tablet()
device.portait()
device.landscape()
CSS3 彈性盒模型與流式布局
這是乙個常見的頁面布局，header body footer，中間body包含兩到三列，重要內容放置在html靠前位置，優先載入，html 如下 main aside sub footer 如果使用傳統的css來實現，比較麻煩，得使用float，margin負值，但是採用css3乙個新增屬性 dis...
CSS3學習要點
為了瀏覽器相容問題，所以需要在css3的一些新的style方法中加字首 例如 border radius webkit border radius google moz border radius foxs ms border radius ie o border radius oprea 類似jq...
css3 語法要點
語法要點 display webkit box 老版本語法 safari,ios,android browser,older webkit browsers.display moz box 老版本語法 firefox buggy display ms flexbox 混合版本語法 ie 10 dis...