前端学习第二周

HTML的学习

前两周主要是了解了web的三个标准，结构，表现，行为。然后对HTML进行了系统的学习，HTML的内容不多，主要就是标签有点多，对于一些用的比较少的标签，比如em（倾斜），s（删除线），del（删除线，强调）等等记得不是很牢靠，特容易搞混，然乎偶尔一些经常用的也会想不起来，就很苦恼，应该还是接触不够。其次也学习了网页基本元素的写法，以及标签的各种属性的。
也学到了非常重要的一点，写注释。虽然感觉挺麻烦的，但是写了注释之后确实思路会清晰许多，特别是在写比较大的网页的时候，有时候真会搞不清结构，于是注释就很重要了。

这种简单的注释能帮助自己以及看到代码的人更好的理解结构
HTML里面没有特别难的内容，稍微难一点的就是表格和表单了，表单就是各种按钮容易搞混容易忘，表格的话其实也不难，就单元格合并稍微麻烦一点，比较难记。我也初步跟着视频写了一些简单的网页，比如：
像这一类的注册页面已经基本可以实现，虽然不太完善，但大体的形状已经可以把控。

CSS初步学习

CSS也就是web的表现层次了，直接关乎页面的美观与否，另外结构与样式分离的书写方式也使得HTML的结构更加的清晰。我感觉比较重要的就是选择器了，选择器的存在，允许了相同的标签出现不同的表现形式，这就使得页面丰富性极大的提升了，到了这一步，抛开功能不说，很多的页面已经基本可以实现了。
然后就是比较难的部分了，元素转换（行内元素，块级元素，行内块元素的互相转换）以及盒子模型，盒子模型的塌陷，合并比较麻烦，可以先填充背景色调试，调试完毕后再去掉背景色或者改为想要的背景。多个盒子的互相包裹问题我感觉还是比较难的，虽然都跟着敲了一遍，但自己来的时候还是容易出现偏差。另外浮动也是布局比较常用的方法，页面布局的整齐与否与浮动有很大关联，不过浮动我用的还不是很熟练，偶尔会出现盒子覆盖，着都不是很麻烦，麻烦的是各浮动元素的内部元素的间距，有时会用内边距，有时又得用外边距挤开盒子，我还不是很熟练。
不过到了这一步，已经可以大体上把一些比较美观的网页实现了，
像这种视频类的网页已经可以初步实现。

第三周

这周实打实的说，学的挺少的，其他课程开始多了，操作系统也开始进入复习阶段了，只能每天抽空来继续推进CSS的学习，进度比之前慢了不少。
不过还是有所收获的：

定位的使用

这周学的映像最深刻的就是定位，定位在整体的页面布局中有很大的作用，也可以使用定位来实现一些页面上固定图标的效果，
像这样的角标就可以用定位来做，另外也学了圆角盒子的使用，
这也算是一个比较常用的小技巧吧。

CSS精灵技术

Pink老师特别强调了这一技术，大多数网页都会用到
CSS精灵（Sprite）技术
浏览器发送请求，服务器接收请求，服务器返回请求页面
为有效减小服务器接受和发送请求的次数，提高页面的加载速度，引入CSS精灵技术
（多个小图片放入一张大图）

CSS精灵技术需使用
1.background-image
2.background-repeat
3.background-position属性进行定位
4.最关键的技术是background-position属性精确地定位
和定位紧密关联，简单来说就是把一张大图的某一部分通过定位显示为背景，多张图片就能合并为一张图片，就能减少需要下载的次数，提高速度



精灵图的应用还是比较简单的。

最后就是开始进行一个大项目的制作了，

内容还没有写完，这应该是学习到现在接触到的最大的一个项目，之前一直是一些零散的案例。