H5总结

一：html5新特性

          常用语义化标签：nav  footer  header  section  mark   hgroup  article  aside

          功能化标签(功能标签):video  audio  iframe（在同一页面打开一个新的窗口）  canvas（画图，画板，画布【画图用的】）

input新的type：url/number/range/date/searth/color

二：css3

1.边框

border-radius：边框弧度

box-shadow：10px  10px  5px  red；

border-image：边框图片

border-image-source：路径

border-image-slice：向内偏移

border-image-width：边框图片宽度

border-image-outset：超出边框的量

border-image-repeat：是否平铺

IE9+支持border-radius和box-shadow

IE11，Firefox，Opera15，chrome以及safari6以上支持border-image

   

2.文本

 text-shadow:5px 5px 5px red;(x,y,阴影面积，颜色)

   

3.字体

@font-face

   

4.动画

transform:translate/rotate/scale/skew/matrix

   

备注：IE10，Fiefox，Opera支持transform属性

chrome和Safari需要前缀-webkit-

 IE9需要前缀-ms-

   

5.     3D

transform-origin：切换基点

transform-style：切换视觉效果

persepective：透视点，景深

   

6.过度

备注：IE10，Fiefox，Chrome以及Opera都支持

 Safari：需要加前缀 -webkit-

transition

transition-property：要过度的属性名

transition-duration：过度要用的时间，默认是0

transition-timing-function：过度方式默认是ease

 transition-delay：延迟

   

7.帧动画

@keyframes name{

form{}

 to{}

}

   

8.响应式

流式布局

1.margin

2.padding

媒体查询