苏稚

移动端常见布局 （1）流式布局（百分比布局） 介绍 流式布局，就是百分比布局，也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局

移动段基础 视口 视口( viewport）就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口 布局视口layout viewport 一般移动设备的浏览器都默认设置了一个布局

3D转换 （1）三维坐标系 三维坐标系其实就是指立体空间，立体空间是由三个轴共同组成 x轴:水平向右注意:×右边是正值，左边是负值 y轴︰垂直向下注意:y下面是正值，上面是负值 z轴:垂直屏幕注意:往

动画 动画animation是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。

2D装换 转换(transform )是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果 转换( transform )你可以简单理解为变形 移动: translate 旋转: r

HTML5和CSS3新增的新特性 HTML5语义化，视频和音频标签 CSS3属性选择器，伪类选择器，nth-child选择器和伪元素选择器 CSS3盒子模型，过渡和一些其他特性

精灵图 字体图标 字体图标的追加 CSS三角 CSS用户界面样式 vertical-align属性应用 溢出的文字省略显示 常见的布局技巧

定位 为什么需要定位 定位组成 display属性 visibility属性 overflow属性

传统网页布局的三种方式标准流，浮动，定位 浮动的特性介绍 常见的网络布局图 清除浮动的本质以及一些方法