一、熟悉HTML5、Css3 的新特性，并且能用来开发适配多种终端的Web应用

HTML5的一些新标签

　　结构标签<header>，<section>等

　　多媒体标签<video>,<canvas>

　　表单的新类型：tel,email，url，number

Css3的新特性

　　属性选择器：通过某个属性值可找到特定的标签或者属性，例如在没有类名和id的表单,可以使用，input[type='text']

　　伪类选择器：以某个元素为准，可以获取到它的父级子级兄弟级元素的位置

　　颜色：rgba

　　过渡：过渡动画 transition (设置后，元素的变化会有一个过渡的效果，没有的就是直接出结果)

　　2D3D转换：transform（元素可以进行，旋转，移动，倾斜，缩放）translate(x,y,z)

　　动画：animation（给元素设置一些自己会动的属性，自己定义名称，时间，动作）

 

二、熟悉使用媒体查询，rem，百分比完成响应式布局

媒体查询：@media screen and( max-widht:600px){样式}   当屏幕宽度小于600px时样式生效。一般使用是在头部引用css文件时设置

<link  media=" (min-widht:700px) and (max-widht:900px)"  href="style.css">

 

rem：会根据页面根元素字体大小的变化而变化的值，从而实现自适应的大小

1.用媒体查询，改变根字体的大小

2.例如根字体是16px，盒子宽度是32px,那么就是32px/16px = 2rem

3.计算出一个比例，根字体可以设置为这个比例：对象内容可视区的宽度 / 稿子的宽度

如：手机屏幕宽度为320px,稿子宽度为640px,所以比例为：320 / 640 = 0.5

       现在有一个盒子的宽度为100px,那么，它转化为rem是  50rem