对于编写书燃7个页面的一些总结

一、静态页面：
1、页面的布局：对于页面的布局，如果此页面的头部或者尾部有背景颜色等，我们需要先定义一个总的header、footer标签，设置背景颜
色。再对内容部分给出一个宽度，使用margin：0 auto;来设置。这样才能自适应不同的分辨率。与响应式布局的区别，响应式布局是在不
同的分辨率下显示的布局结构不同，但是这个不会，相应的字体变小等。

2、对于页面头部的导航栏部分，首页那里应该直接加一个定义了颜色的class去，这样在hover其他的时候，才不会变得没有颜色了。还有
就是向上的尖角，应该把他设置在一个长条状的div里面，这样做可以避免必须沿着尖角才能下来的bug。

3、对与为何要通过css精灵合成这些小图，原因有三：一是合并之后图片的大小减小；二是可以避免渲染页面的时候对于图片的连接次数变
多，这样可以加快页面的渲染速度；三是在某些时候可以避免图片在刚开始加载完时候如果hover图片出现第一次闪白。

4、对于一大段文字的时候，一样的样式，我们可以通过一个"P"标签包裹，通过<br/>换行，对于在换行的地方有中文的引号导致换行不正
常的时候，可以把中文引号换成英文引号就好了。

5、对于双击左右箭头时部分变蓝，可以在点击的那个标签上加“onSelectStart='return false'“阻止它的默认行为。

6、对于定位轮播图左右箭头定位技巧：首先是用一个大的div包裹两个左右箭头，对轮播图的容器设置position：relative；对于箭头的容
器和箭头的定位类型都设置position：absolute；包裹div用top:50%;left:50%定位，对于左右箭头使用right：-300px;left:-312px;对于为何要加12px；由于他有个宽度。

7、不论是做的是静态页面还是交互效果，都应该找出他们相同的地方，好好利用。比如在不同的地方对于有一些效果一样的，就可以在js里面对他们的选择器使用$（".aaa,.bbb"）的方式来操作。

8、对于在“您当前的位置： 首页> 关于我们> 书燃简介”里面所有页面的最后一项都是变成了其他颜色的，就可以利用一个jquery选择器进行
选择，可以是“$(".submenu_style").last().addClass("current");”其中为何要用addclass，原因在于如果以后要更改样式的时候，直接更
改css文件即可，而不需要去动js文件，所以说，对于需要在某个地方加上动态效果的时候，如果是改变css的情况下，只能是用addclass，这样有利于后期维护。

9、对于一个页面来说的话，布局很重要，一个好的布局可以兼容很多设备，所谓的flex布局、响应式布局等。

10、相对路径和绝对路径，相对路径即相对与当前文件夹目录，如果要返回上一级目录，则使用"../",若要到上上级，则使用"../../",以此类推。绝对路径顾名思义，填写绝对目录路径地址那就叫绝对路径，通常我们直接使用"/"代表从根目录开始的目录路径，这个叫绝对路径。

二、ps
1、快捷键的使用。H是手型，c是切片，在手型状态下按住ctrl+左键放大，alt+左键缩小。
2、选择图层：ctrl+右键选择，一般在上面的都是大的类，下面的是具体的部分，而且图层在上面的排序在上面，如对于背景的话是图层在最下面。
3、对于切片时需要注意的问题：①在切了很多片的时候，按住ctrl+shift+alt+s,进入页面如果要批量导出这个页面所有的切片，需要使用
ctrl+-，来缩小页面，再框选所有切片再设置png-24，导出透明图片。
②对于页面的切片小了或者大了，再做一些动态效果的时候，可以设置一张比原始页面不同大小的叠加，使用图片的大小调整工具（快捷键：
ctrl+alt+i）。
③清除所有切片，快捷键：ctrl+v+c; 清除参考线：ctrl+v+d;

三、git
1、首先是在bitbucket新建一个仓库，然后克隆这个仓库的版本信息到本地文件夹，使本地仓库与远程仓库相关联。
2、通过"git add -A"提交代码到缓存区。
3、通过"git commit -m'代码修改描述'"提交到head。
4、通过git push origin master提交代码到远程仓库。