写在前面

昨天工作室完成了第二次招新，感觉工作室又加入了新鲜的血液。很高兴这次有更多的小伙伴选择了Web前端方向，这也让我有了更多的动力。

这次的文章主要是想写一些关于前端Html+Css基础的东西。因为工作室之前用作Web前端入门的燕十八Html教程是2014年的，已经很老了，其中的很多内容还是HTML4的；所以在这次招新之前浏览了一下慕课的HTML+CSS基础教程，感觉还不错，所以也打算用作给学弟们的入门教程之一。

因为慕课的教程我自己还没有看过，所以打算一边看一边来写这一篇博文，一方面是自己对前端基础有一个复习，另一方面也说出自己的想法，看能不能给其他人一个参考。

关于Web前端入门

有了新的教程，也不是说老的教程就没有用了。燕十八的教程是以视频的形式呈现给学习者的，十八哥说话风趣幽默，举的例子也很生动，我觉得还是很适合初学者学习的，跟着十八哥的教程写一些代码，也很容易获得成就感。

慕课的教程则是以文字+在线代码编辑的形式呈现的，相对来说，慕课的教程更加新，其中的内容全是基于HTML5标准的，另外就是慕课的教程更加全面，更加注重细节。

所以我觉得，十八哥的教程和慕课的教程结合起来学习是最好的，可以先通过十八哥的教程对Web前端有一个大致的了解，跟着十八哥先玩一玩，再来系统地看一下慕课的教程。

需要注意的是，在学习燕十八教程的时候，不要过分地注重细节，因为其中的有些内容已经比较老了，通过此教程，对Web前端有一个大致的了解即可；在学习慕课教程的时候，要注意反思HTML5与HTML4的区别。

以下是两个教程的获得地址：

布尔教育燕十八HTML教程(密码：d2al)

慕课网HTML+CSS基础课程

另外也推荐一个字典般的网站W3school，关于Web开发的各方面知识和一些细小的知识点都可以在这里查询到，但是不建议初学者直接拿着一本字典学习。

W3school

接下来就是我自己在学习过程中的一些笔记和感想了，我最开始学习Web前端的时候，就是看十八哥的视频入的门，后来也就没有再系统地学习过Html和Css了。

我觉得在开发的过程中，自己还是会经常记不起一些标签的具体用法和一些Css属性的具体用法。所以我觉得系统地学习一下并且加强记忆是很重要的，据学长们说，在找工作的面试中，HR也会考很多关于Html和Css细节的东西。

那么我打算分两个部分来写自己的笔记，一部分是从大体来看Html和Css，是一些总括性的东西；另一个部分则是一些细节性的点，比如box-shadow的具体用法这样一个小的知识点。

以上说的第一部分我会根据我系统学习的进度来更新，第二部分则是在开发过程中遇到问题时会把笔记记下来进行更新。

以下是这两个部分的跳转目录：

Html+Css基础概要（01）——Html介绍

Html+Css基础概要（02）——Html标签