这里我们先简单的说一下“文档流”。就是把一个页面看做一个河流，里面的所有元素，具有向着某个特定方向流动的趋势。 打一个最简单的比方，现在页面中有三个段落，那么它们从上往下排布。如果...

相对地址差不多就是，从当前位置如何找到那个文件。 说我面前的那杯咖啡，就是以我为基准，然后我面对的那杯咖啡就是了。因为我和这杯咖啡同在一个地方，所以我们究竟身处何处，这件事情就被省...

上一章我们在写文件地址的时候遇到了问题，因为我们使用的是文件的绝对地址，但是网页发布之后，这个地址不好用了。 根据所讲的故事，可以猜测出，这种情况需要使用相对地址。虽然我不知道相对...

你也许会问，这有什么可说的，宽高就已经很好的描述了盒元素的尺寸了。那你说，这个宽高包不包含边框的尺寸？ 这种问题不需要回答，试一下就知道了，记得把值设置的适当大一点，一眼就能看出结...

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

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

标题皮了一下，小老鼠表示很开心。其实呢，我们这一章要讲的是——字重。 这个词我们日常好像也没接触过，其实就是讲的文字的粗细，你理解为文字的胖瘦，就可以接受字重这个叫法了。 属性名：fo...

前面我们说了，页面中的元素，只有一部分可以获得焦点。表单中（用于输入）的元素，因为需要进行输入，所以基本都可以获得焦点。其他的还有比如链接，如果我们尝试用键盘在页面内进行导航的话，...

焦点事件，也算是表单相关事件，因为就表单里用的最多呀。这一章我们再讲两个表单相关的事件。 一个 change，就是改变，在表单的输入项发生改变的时候被触发。这个用途很多，因为通过这个...

一个元素，在什么位置，尤其是视觉的位置，这个在我们制作某些特效的时候十分重要。offset 方法可以用来获取和设置一个元素的位置。 具体一点，它获取的是元素相对于文档的位置，返回值是...

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

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