Start with Free Code Camp

之前偶然在Github上注意到FreeCodeCamp,昨天仔细看了下,发现是个在线学习js的网站/组织,字面意思,自由编码夏令营。
http://www.freecodecamp.com/,有兴趣的朋友可以去做做题玩。
800h+的课程,除了短时间的引导外,前5个小时是Html和Css,我耐着性子做了这68道题,发现都是一些基础的概念,很简单,但也有 一些我原本不知道/不清楚/没记住的东西:
input标签中加入required表示必须输入(HTML5);
图片img标签最好都有alt属性,搜索引擎会查这个;
margin的重叠(下沉)现象;
Css的覆盖顺序:style->class(同时有多个类的标签,style标签中下面的类会覆盖上面的类,“喜新厌旧”)->id->inline-style->!important;
默认字体:font-family:one two,如果one字体不可被加载,会使用two;边框圆角的定义;
a标签中将锚设为#,叫“dead link”;
input标签的属性placeholder,占位符,可以设定未输入时所显示的内容;
html标签(单选框,复选框)中加入checked属性会默认选中。
全栈(full stack):知道这个词的意思后,我的眼泪流了下来。
然而接下来的5个小时是Responsive Design with Bootstrap,用Bootstrap来做响应式设计。开始接触对我来说比较新的内容,我感觉还是认真做一下笔记比较好。虽然只有课程只有5个小时,但我打算随着做题,看一些相关资料,将知识点拓展、关联,真正所花时间恐怕数(十)倍于此。
百度百科:
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。
响应式设计,集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。
准备工作:
1. 下载预编译文件、源码和中文文档。
2.在w3c看基础概念ing。 

猜你喜欢

转载自blog.csdn.net/u010159473/article/details/50358157