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网站中也有插件的使用步骤