一:大多瀏覽器支援,低版本也沒問題
我看點這方面的資料,是為了做手機應用**(有三個方案,這個是備用方案),可以開發響應式**,可以脫離開發平台進行跨平台。
在html5網頁中引入modernizr,就能讓ie支援html5新元素。
html5樣板檔案快速開發(html5boilerplate.com)
二:布局、標籤省時省力
圓角
02.可以使用@font-face嵌入網頁字型,還可以使用可縮放的icon(非格式,fico.lensco.be)
03.使用透明通道
04文字陰影
text-shadow:5px 5px 2px #333; //(正負)右、下、陰影程度、顏色
浮雕效果:
height:500px;
background-color:activeborder;
text-shadow:0px 1px 0px hsla(0,0%,100%,0.75);
font-size:30px;
}
同理可以使用盒陰影box-shadow給**加陰影
05顏色漸變
background:linear-gradient(90deg,red 0%,blue 50%,#ffffff 100%);
可以控制線性漸變方向漸變位置等,還有徑向(球狀)漸變
06文字2d變形
**引數比較多,在** 進行製作吧
之外還有3d效果,貌似用得還不多。 這裡有很多很酷的關於這方面的內容,我還特別在裡面找了一篇文章翻譯出來了:
最後說下表單的優勢,html5可以在不借助jquery的情況下,對使用者的輸入行為進行判斷(某些瀏覽器對html5表單支援也不是很好,可以通過webshims lib來解決)。
補充:使用html5 boilerplate來寫html5**,它帶有組織好的資料夾結構和css檔案,加入當前編碼的最佳實踐、瀏覽器的bug修復以及js庫。 使用Html5 CSS3的優勢
一 大多瀏覽器支援,低版本也沒問題 我看點這方面的資料,是為了做手機應用 有三個方案,這個是備用方案 可以開發響應式 可以脫離開發平台進行跨平台。在html5網頁中引入modernizr,就能讓ie支援html5新元素。html5樣板檔案快速開發 html5boilerplate.com 二 布局 ...
初學HTML5 CSS3動畫
乙個完整的css animations由兩部分構成 在css3中使用 keyframes規則來建立動畫,keyframes可以設定多個關鍵幀,每個關鍵幀表示動畫過程中的乙個狀態,多個關鍵幀就可以使動畫十分絢麗。keyframes animationname animation屬性用於描述動畫的css...
HTML5 CSS3 響應式布局
響應式布局是ethan marcotte在2010年5月份提出的乙個概念,簡而言之,就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。優點 面對不同解析度裝置靈活性強 能夠快捷解決多裝置顯示適應問題 缺點 相容各種裝置工作量大,效率低下 累贅,會...