12 為何使用Html5 CSS3

2021-06-18 14:28:06 字數 1430 閱讀 2221

一:大多瀏覽器支援,低版本也沒問題

我看點這方面的資料,是為了做手機應用**(有三個方案,這個是備用方案),可以開發響應式**,可以脫離開發平台進行跨平台。

在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月份提出的乙個概念,簡而言之,就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。優點 面對不同解析度裝置靈活性強 能夠快捷解決多裝置顯示適應問題 缺點 相容各種裝置工作量大,效率低下 累贅,會...