我的前端学习之路

草草记载一下我的学习过程,万一以后成为大神了呢

一、工欲善其事,必先利其器。初步学会使用sublime text 2。

二、跟着百度IFE进行前端学习。

1、任务一:零基础HTML编码

5月10日

1、阅读文章Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?中张秋怡的回答。这篇文章里浅显易懂,适合初学者看,对前端有个整体的认识。

2、阅读文章MDN HTML入门

3、研究sublime text 2使用方法:控制台命令调用

4、慕课HTML+CSS基础教程视频学习。个人感觉慕课比网易云课堂的前端视频容易入门,推荐。特别适合在零碎的时间学习,比如上班空闲时。

5月11日

慕课HTML+CSS基础教程视频中完成了HTML部分的学习,准备总结一下,记下几个常用标签。

5月12日

1、总结了HTML常用标签

2、为什么我的sulime text2 里的代码都是一个颜色

3、将代码托管到github。因为在家在办公室两地学习,所以将代码托管到网络上,方便查找编辑。

4、标签与元素的区别?

<p>这是一个标签

<p>..........</p>这是一个元素,元素一般由两个标签组成

标记语言通过使用“元素”来定义文档结构。你需要使用一些以'<'开头和以'>'结尾的字符串,俗称tags,来构成元素。这些元素一般是在'< >'里加上元素名来作为起始tag,在'< >'里加上'/'和元素名的组合来构成结束tag。标记语言中规定,一些元素可以只有一个起始tag,或者构成元素的tag只有一个,但是这个tag里的名称后面必须要加个'/'。

5月13日

1、收藏一个网址 https://segmentfault.com/

2、完成任务一

任务二:零基础HTML及CSS编码(一)

5月13日

1、阅读MDN CSS入门教程

5月22日

对于层叠来说,共有三种主要的样式来源:

浏览器对HTML定义的默认样式。
用户定义的样式。
开发者定义的样式,可以有三种形式:
定义在外部文件(外链样式):本教程中案例主要是通过这种形式定义样式。
在页面的头部定义(内联样式):通过这种形式定义的样式只在本页面内生效。
定义在特定的元素身上(行内样式):这种形式多用于测试,可维护性较差。
用户定义的样式表会覆盖浏览器定义的默认样式,然后网页开发者定义的样式又会覆盖用户样式。在这个教程中,你作为网页的开发者只需要关注开发者样式。
这段话如何理解?浏览器自定义的css样式明明可以覆盖网站样式
CSS 另外提供了一个!important关键字,用户可以通过使用这个关键字使自己定义的样式覆盖掉开发者定义的样式。

5月25日

粗略看完了MDN CSS入门教程,目前感觉比看网易的视频更适合我,这周要将这篇教程好好看完,完成实例操作。同时结合网易云课堂的html和css课程进行学习。

5月29日

css选择器似乎有点难,准备结合网易云课堂的视频多看看,理解。

各伪类选择器的效果作用?

https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started/Readable_CSS

暂时看到这

(未完待续)

推荐阅读更多精彩内容

  • 买过的书: 1. Head First HTML与CSS 非常好的入门书,将知识点讲的生动有趣。书很厚,但是很快就...
    kevinnee阅读 251评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,416评论 1 92
  • 目录一、介绍二、渲染引擎三、解析与DOM树构建四、渲染树构建五、布局六、绘制七、动态变化八、渲染引擎的线程九、CS...
    饥人谷_米弥轮阅读 2,226评论 0 10
  • 文/丽子 「1」 常有人说:有一种女人嫁给谁都会幸福。她们智慧、知性、包容;...
    丽子a阅读 806评论 0 1
  • 导语:我不愿意也根本不想承认自己的不足,尤其是在那个替代了你的人的面前。 我不讨厌苏绿也谈不上喜欢苏绿,虽然我们的...
    花未眠会幸福阅读 109评论 0 0