ife-task001 学习记录

task001的学习主要是为了加深巩固自己在html div+css方面的基础知识,没有跟着所有任务要求走,所以我把ifetask001给出的所有的资料、教程和链接按顺序都刷了一遍,有的刷了多遍。


  1. 知乎上的一些Web基本概念介绍

可以用作了解,不一定要记下来,当然记下来的话面试分会upup吧。

  1. 慕课网HTML+CSS基础课程

css的冰山一角。这里面有很多细节值得反复咀嚼,最后5节的小技巧很实用,建议多刷两遍。初学的话可以先了解,到后面实践时随着一步步的提升会用到的。

  1. w3school html教程

个人认为w3c不需要死记硬背,它更像一本字典,当你在实践的过程中对某个属性不熟悉、或者想要延伸学习时可翻阅。

  1. MDN HTML

学习这个的同时应该留意HTML5的一些新标签,这些在实践过程中一定会遇到的,而且学习这个后可以助于你写出规范的html。

  1. MDN CSS

重点在实践,每个章节后面都有一两道考察题,可以学到很多css小窍门,尽量不要看答案。先想再做后看。这个建议分阶段看。有一点css基础概念的一次性全看完也行,但要多刷几遍。再说一遍,重在实践。

  1. w3school css

w3c是一本厚厚的字典。

  1. w3school

这里专门讲了html5的一些新特性,边看边刷记得牢。

  1. W3C: HTML5, Differences from HTML4

html5和html4的不同之处

  1. 深入了解行高属性

看完后关掉,凭记忆码一遍,从最开始每个属性都码一遍对比效果,然后自己想象一个效果再手动码出来,这里建议一个效果多种方式都码出来,这一章刷完后经验翻倍~哈哈

  1. w3school

模型概述,这里面的资料后面很多资料都有提及,基础中的常识。

  1. MDN

上面资料的延伸。

  1. w3school

关于css定位的详解,说的太官方了看个人喜好吧,像我这种语文不及格的就喜欢干脆码几遍,看不懂也码懂了,定位的知识应用的很广泛,不同的需求会演变出各种定位方式让人觉得“这他妈也可以?”的感觉,刚开始会费解,但码多了也就不是个事了(自豪脸)。

  1. 学习CSS布局

布局这词看上去很高大上,实际也很高大上……为什么呢,因为我曾深深的陷入flex无法自拔,有时间写一篇深入flex~ 这个资料只是简单的演示了一遍常用的几个布局,如果你觉得不错,那么真正jj boom的在后面呢。

  1. CSS布局方式

英文不好是硬伤,放弃了。摆上来给英文好的童鞋看。QuQ

  1. 双飞翼布局介绍-始于淘宝UED

正在刷,双飞翼这个布局我看的有点匪夷所思的,不知道是不是造诣不够。提示一下,还有一个圣杯布局。

  1. css规范

严格按照这个规范来写会使你的代码看上去非常的绅(hen)士(tai)~


task001的题,最后还是跟着粗略做了一遍 task001.html