Web客户端经验：

项目经验：
1.如果设置外边距margin 父级元素也跟着移动，把父级元素设置触发BFC环境，overflow：hidden
如果直接再子类哪里吧margin改成padding，这样自己内容相对于自己的位置就变了

2.引用外部文件 ./ 代表上一级（父级目录） ../代表上两级

3.调位置，一定是用margin和padding，不到万不得已不用定位，定位本身有效率和兼容性问题

4.样式都用.class，#id留给JS用

在做项目的时候，先确定结构，在确定框体，
把元素加进去，基本的主框都加上触发BFC
在设置外边距和内边距

多用bootstrap里边的，直接集成了的，方便，
排版不用table排版，以前是，现在放弃，所有页面都是框，用div，设置col-xs-3，在调整页面，还是很方便.多用栅格式布局

 

手机端和和PC端的区别：
1.最上边写自适应所有手机，
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2.最后导入foot和html之间加入autoSize.js
当加入小图片第一个出现的位置不为坐标原点的时候，大概居中的时候，可以加一句font-size：0，里边转换有问题
3.autoSize.js的宽度改为 图片宽度
4.里边用的所有的长度用测的图片px除以100，单位为rem。比如测得300px，3rem

3和4的都用图片宽度，不是手机屏幕宽度，他自适应

5.body设置手机宽度，下边的不用设置
6.调试用手机那个按钮，选一个手机就可以了