part1. 人生中第一个项目：名家访谈 （http://acts.qidian.com/2016/5646853/mjft.html）。
做完看似天衣无缝实则漏洞百出，用张老师的话说的话，
网页布局三大忌讳：浮动！图片！ 宽度！最好的布局方式是流布局，这样随着屏幕的缩放，页面也能跟着相应地变化～
最好是能将h5页面和pc页面合在一起做，通过 @media screen and (max-width:640px) 更改手机端的排版模式。
所以在张老师的指导下就有了第二个页面，幻游猎人（http://acts.qidian.com/2016/5650201/index.html）
该项目get到的新知识点和注意事项：
1.注意代码格式，代码的缩进，不仅仅是为了自己看着舒服，日后维护，更重要的是能方便其它的小伙伴。毕竟项目不是一个人的。是一个team共同协作的～
格式参考可见jquery.js，看如何换行，注释，基础；
2.id和class命名问题，最好用id，若用class，做好有特殊标识，如class="jsmenu" and js 引用放底部 ;
3.不要随便用rel，若要用在其前加data－；
4.控制台的上下键可以看上次输入的东西；
5.命名风格要规范，var id=function{} 用写对象的方法来写函数；
6.经常使用局部变量的好处:1）高性能；2）改起来方便（维护方便）；3）方便压缩，体积小；
7.网页换肤的原理：公用一个css（不动），改变局部再用一个css；
8.给父元素设定margin以后，子元素就不要在设了；
9.background-size:crover;让背景平铺；
10.高能！！！不要用.class li 类选择器命名 坏处：1）性能差；2）权重受限；3）结构限制；因为浏览器是从右向左查找的，所以最好用class 这样维护起来方便。
11.多用语义化好的标签！（摘抄）
H1-h6 标题内容
P 段落
Ul 无序
Ol 有序
Dl 定义列表
Thead 表格中的表头内容
Tbody 表格中的主体内容 HTMl标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，不论是谁都能够看懂这块内容是什么，并且有利于搜索引擎。
标签语义化的好处：
1. HTML结构清晰
2. 代码可读性较好
3. 无障碍阅读
4. 搜索引擎可以根据标签的语言确定上下文和权重问题
5. 移动设备能够更完美的展现网页（对css支持较弱的设备）
6. 便于团队维护和开发
12.一个页面只能有一个h1（h1:重要程度决定）；
13.图片默认是inline水平的，所以vertical-align起效；
14.乱入git 使用方法：1)git status（看有哪些文件修改了); 2)git pull （看是否和其它人的代码有冲突); 3)git add demo.html（上传demo.html) 或者git add . （上传所有要添加的文件);4)git commit -m ‘注释文字‘; 5)git push origin master (提交上传);5)直接在原文件夹中删除，然后重复以上步骤；
最后怎么学习：1）做分享，多总结，学会积累；
2）行为与样式分离；
3）熟悉css 属性；
4）掌握选择器的使用方法（注意其兼容性）；
5）注重情感话设计；