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

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

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

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

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

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

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

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

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

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

在上一章，我们留下了一个坑。虽然这种情况很少遇到，但是既然说到了，索性我们就解决一下吧。 这个事情其实挺简单的，当然，前提是你知道相关的属性的话。所以我非常建议大家自己去多读一读文...

今天我们学习 switch，那位闻言掏出了游戏机的同学，麻烦你把游戏机借给我玩十年先。 嗯，是同一个单词，但是我们这个是全小写，那个游戏机首字母大写。我们说过：JS 对大小写敏感，所以，...