HTML5+CSS3移动端响应式网页制作

1.响应式可以简单理解为：能够适应所有的设备屏幕

2.H5相较于XHTML增强了语义化。

3.Box-sizing:border-box;（内减模式）

4.固比的布局，固定的模块要用绝对定位的方式将其固定住。

5.阴影属性：box-shadow:水平阴影的位置   垂直阴影的位置   模糊羽化    阴影的尺寸    阴影的颜色     内外阴影;

默认是外阴影

6.视网膜屏幕

用background-size等比缩小一半的方式解决。

              （以上接图片来自传智播客公开课《火爆响应式HTML5+CSS3移动端网页制作video》视频截图）

7.http://www.superslide2.com/             （做网页常见特效的网站、免费）

superSlider ：PC端常见特效

TouchSlide： 手机端

插件的引用方式：

在http://www.superslide2.com/  链接中找到相应的插件效果——》下载插件——》解压插件——》找到我们想要的效果的css和HTML页面，并根据里面的注释找到我们需要的代码的开始与结束位置——》拷贝到自己对应 的文件里面——》修改涉及到的图片的宽高（因为我们要做的是响应式，宽度调整为100%，高度auto）——》拷贝插件中引用的js到自己对应的文件夹中——》在自己的HTML页面中引用该js文件

另外，在SuperSlide网站中也有插件的使用步骤