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

 

转载于:https://www.cnblogs.com/ssj-777/p/5364535.html