通用解析度
超小螢幕 （移動裝置） w<768px
小屏裝置 768px-992px 768 <= w <992
中等螢幕 992px-1200px 992 =< w <1200
寬屏裝置 1200px以上 w>=1200
pt
點（point）。絕對長度單位。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
px
畫素（pixel）。相對長度單位。
畫素是相對於顯示器螢幕解析度而言的。譬如，wondows的使用者所使用的解析度一般是96畫素/英吋。而mac的使用者所使用的解析度一般是72畫素/英吋。
pc
派卡（pica）。絕對長度單位。相當於我國新四號鉛字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
em
相對長度單位。繼承父級元素。最初是指字母m的寬度。
現指的是字元寬度的倍數，用法類似百分比，如：0.8em, 1.2em,2em等。
通常1em=16px。
rem
font size of the root element
它是相對於html根元素的(在body標籤裡面設定字型大小不起作用)
vw
viewpoint width，視窗寬度，1vw等於視窗寬度的1%。
vh
viewpoint height，視窗高度，1vh等於視窗高度的1%。
vmin
vw和vh中較小的那個。
vmax
vw和vh中較大的那個。
vw, vh, vmin, vmax：ie9+區域性支援，chrome/firefox/safari/opera支援，ios safari 8+支援，android browser4.4+支援，chrome for android39支援
其他
ppi: pixel per inch，每英吋畫素數，該值越高，則螢幕越細膩
dpi: dot per inch，每英吋多少點，該值越高，則越細膩
dp: dip，density-independent pixel, 是安卓開發用的長度單位，1dp表示在螢幕畫素點密度為160ppi時1px長度
sp: scale-independent pixel，安卓開發用的字型大小單位。
%: 繼承父元素單位
自適應網頁設計
1、允許網頁寬度自動調整
"viewport" content="width=device-width, initial-scale=1" />2、不使用絕對寬度：可以使用rem，%，auto等
3、相對大小的字型：可以使用em
CSS 基礎知識
選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...
CSS基礎知識
css規則有兩個主要的部分組成 選擇器，以及一條或者多條宣告h1 css內部的注釋以 開始，以 結束p id選擇器，通過 來選擇html元素 username class選擇器，通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...
css基礎知識
css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...