每一天辛苦的写作，给年幼的小老鼠留下了深深的阴影，唯有扫描下面二维码，给他一杯热乎乎的咖啡，才能扫除他心中的阴霾…… 咳咳，好像走错片场了，不过别放下你刚刚举起的手机啊，扫码，来来...

概念说了那么多，我们要做点练习来放松一下了。 可能有人觉得做练习算是哪门子放松啊，但这部分好像也不复杂，就没有我带着你们做练习的必要性，但我还是出现了，就意味着……要搞点有意思的事...

排版呢，就是把网页中的内容放在各种你希望它在的地方。就像把一篇篇平白的文章，排布成一张丰富多彩的报纸。 回想一下，我们到目前所学到的各种标签，并没有非常实际的排版功能。对，可以像写...

上一章的方法我不喜欢，那就得有其他方法来解决这个问题，这就是浮动。浮动被用的超多的，虽然现在对于排版问题已经有了新的方式，但是浮动也并没有完全退出，尤其在你希望兼容低版本浏览器的时...

上一章大家肯定还有疑问，就是链接的下划线好像是去掉了，但当我把鼠标放在链接上的时候，下划线又出来了，这就十分难受。 因为对于链接，它本身是有几个状态的。首先是我们完全没有搭理它的状...

啊？！上一章写的就是页头，对对，不过这么空白着不好看啊，不是说还有个海报么，索性也写在这里好了，对，用图片作为页头的背景，诶呀，你们都会了啊，那我还讲什么呢？ 也是，前面我们讲背景...

我们要讲到的伪类分为两部分，第一部分非常的简单，就是 :header 它表示标题元素，h1 到 h6 都算。这个效果我们通过书写多条的选择器一样可以达到，但是用这个伪类就...

从小就被教育，工欲善其事，必先利其器。那我们说了这么久“写”代码，究竟用什么去写呢？ 既然它是文本，就可以用任何文本编辑器进行编辑，包括电脑里最不起眼的记事本。当然，这一点儿都不好...

背景 背景定位其实和前面这些定位很相似，它是背景图片相对于当前元素的定位关系。这里面复杂的是图片上的某个点相对于元素的某个点的偏移，而这两个点在各种情况下是不同的。 基本情况 默认图...

上一章认识了两个空白标签，感觉十分有用。不过真要动手写的话，你就会发现问题。我们只学了用标签名字选择器，虽然可以一个页面中的链接，全都是一个样式。那是因为这个标签表示一个固定的意思...

表格是一个比较复杂的东西，但其实如果你听懂了上一章的内容，这部分也非常的好理解。 表格和列表有什么区别呢？列表的每一行，就是一个内容，而表格每行可有多个内容。这么推理下去的话……那...

也讲了这么多了，我们要做练习了。我知道你们可能还觉得云里雾里，现在说做练习有点不知从何入手啊。其实练习就是拨云见日的过程，做过练习才会真正理解这些理论。（多年学生党表示拒绝相信，23...