0004

现在的问题是什么，我们掌握了方法，但是没有任何的经验。看懂了代码的结构，但不了解每一个单词代表的含义。

啊，打赌，老鼠要骗大家背单词了，快跑快跑！

我要是说不用背单词你肯定不相信，但要是说你一个单词都记不住你肯定也不服气。咱们折中一下，就背一百个，你拿小本子认真记着数，超过一百个你就咬我！但是像 a、if 这种非常基础非常简单的词汇你应该是已经掌握了的，所以不可以计数哦~

（但是，为什么还是觉得你想跑，能不能不用脚跟朝着我？

其实我也没想让你背单词的，只是看着看着你大概就记住了，这可就怪不得我了。

这本来就不是一个一本正经的编程教程，并没有教会你什么的目标。学会什么的可能比较复杂，咱们放松点，就试试能不能轻松的做到能看懂。

h1~h6 是六个标题，p 是段落，a 是链接，img 是图片这个上次说了。好了，好了，就这么多吧，说多了你就跑了，

然后就有好学的小可爱不干了——你少讲点没关系，但最常用的不讲，这就说不过去了，我打开一个网页的源码，看见一大堆 div 和 span，这俩是啥？！

这俩没意义，前面我们说语义化嘛，每个标签都是在描述这是个什么，上面举例也是说这是什么（比如：p 是段落）。但是这俩标签没这方面的意义，诶，那它俩有啥用？还用的这么多。

我们在排版的时候，会有这样的想法，这几个放这边，那几个放那边，这算分组吧，但是没有标签来表示分组这样的意义，那用 div 和 span 就行了。当然还有一些其他的情况，差不多就是当我们需要进行标记，但又没有其他合适的标签可用的时候，就用它俩。

为什么是两个呢？因为它们有一个重要属性是不同的，但其实可以修改，不过用两个标签区分一下比较好懂。这些晚点再说，还没学到那轱辘呢。

我们说了一些 HTML，提到了 CSS，但还没说 CSS 长什么样呢，咱们认识一下它吧：

p {
  color: red;
}

好像都认识，但是好像不太懂。

首先 p 这里是选择器，是说在描述哪些元素。哪些呢？p 啊，刚说了，就是段落嘛~标准点的解释是：页面中所有标签为 p 的元素。诶，注意哦，所有的，这可厉害了，这一句管一大片。

大括号里就是具体的描述了，可以写很多条样式，这里只有一条，颜色，是红色。就是说文字是红色的，嗯，虽然说是颜色，其实特指文字的颜色。

如果你的英文水平能够达到初中毕业时及格的水平，并且觉得自己胆子还可以，就是不懂的也敢瞪它两眼，那找个网页，右键——检查（审查，检查元素……反正什么什么类似的名称），进去看吧。只要你放轻松，你会发现自己好像真的能看懂点什么……

嘿，这才到第五篇，你都能看懂个百分之……十的样子。所以，不考虑再往下读五篇么？！

你不点个赞，我怎么知道有人看呢？

或者，请我喝杯咖啡，让老鼠更努力的用爱发电 老鼠爱发电