html5 css3新增的標籤和相關的樣式

html5:

1.基本框架標籤：header nav aside article footer

2.新的表單控件，好比 calendar、date、time、email、url、search

3.媒介回放的 video 和 audio 元素

4.繪畫的 canvas 元素和svg

5.對本地離線存儲的更好的支持：localStorage  mainfest

css3:

邊框：box-shadow、border-image

圓角：border-radius

背景：background-size

漸變：linear-gradient/radial-gradient/repeating-linear-gradient/repeating-radial-gradient

文本效果：text-shadow/word-wrap

字體：@font-face

2D轉換：translate()/rotate()/scale()/skew()/matrix()

3D轉換：rotateX()/rotateY()

過渡：transition/transition-property/transition-timing-function/transition-delay

動畫：@keyframes/animation

div
{
animation-name: myfirst;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/* Safari and Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
}

多列：column-count/column-gap/column-rule