使用cursor屬性可以更改滑鼠指標樣式。
語法
cursor
下列是css中定義的**型別(media types).
css3 的多**查詢繼承了 css2 多**型別的所有思想： 取代了查詢裝置的型別，css3 根據設定自適應顯示。
**查詢可用於檢測很多事情，例如：
目前很多針對蘋果手機，android 手機，平板等裝置都會使用到多**查詢。
下列是css中定義的**特性(media fatures).
上述所有屬性皆可以加上前級詞「min-""或「max-「表示「最小值」或「最大值」，例如「min-widh"表示瀏覽器視窗的最小寬度。
語法多**查詢由多種**組成，可以包含乙個或多個表示式，表示式根據條件是否成立返回 true 或 false。
@media mediatype and | not | only (media feature)
針對不同的**使用不同 stylesheets :
"stylesheet" media="mediatype and | not | only (media feature)" href="mystylesheet.css">
對於響應式網頁而言，主要要掌握的原則如下：
使用html設計網頁內容。
為手機瀏覽屏事設計css樣式表，讓網頁可在手機螢幕完美呈現。
為平板電腦瀏覽螢幕設計css樣式表，讓網頁可在平板螢幕完美呈現。
為pc螢幕設計css樣式表，讓網頁可在pc螢幕完美呈現。
viewport指的是屏事解析度，會因為所使用的裝置而有不同的值。
在設計響應式網頁時，必須在
"viewport" content="width=device-width", "initial-scale=1.0">
設計響應式網頁有下列原則:由於瀏覽螢幕寬度是不固定的， 所以不要採用固定寬度，應採用百分比來設定寬度。5影象寬度不要大於瀏覽螢幕寬度，以免需水平滾動來瀏覽網頁。
由於每一種裝置的解析度不同，設計網頁時不能只考慮種螢幕寬度。
使用絕對值定位要特別小心， 特別是大尺寸的絕對值，若不小心，就會落到瀏覽顯示區外。
CSS3筆記 漸變
漸變，可以在兩個或多個指定的顏色之間顯示平穩的過渡。相容性 ie10 chrome10 firefox3.6 safari5.1 opear 11.6 沿著一根軸改變顏色，顏色從起點到終點進行順序漸變 從一邊拉向另一邊 語法 字首不同，其他一致 background linear gradient ...
CSS3筆記 Border radius的形成原理
參考文章 一 前言 最近自己寫了乙個導航欄，馬馬虎虎就是嘖個樣紙 其中的圓角做了好久，就是嘖個 既然用到了，我就在這總結一下圓角border radius的用法，閒話不多說，進入正題。二 border radius的幾種常用的寫法 border radius 20px 或border radius ...
CSS3 筆記3 彈性盒布局flex
使用css3中的乙個box flex屬性就可以隨著瀏覽器視窗的改變而自適應。彈性盒布局是在盒布局的基礎上進行自適應。彈性盒布局相容性 webkit box flex 1 safara瀏覽器 chrome瀏覽器 moz box flex 1 firefox瀏覽器 數字1 是指所佔的比例份數。比如第乙個...