与内补相对，不过是在边框外面的。就好像在快递箱外面再包裹上泡泡纸。诶，这个就可以使原本紧挨着的元素之间产生间距了。外补属性写作 margin，其他和内补挺像的。 说到这里，这一章好像...

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

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

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

你会发现上一章的链接是在当前页面中打开的，那我们能不能让这个链接在新的标签页中打开呢？当然可以了，这时候我们又要增加一个新的属性（target）,来告诉浏览器，我们这个链接，要用何种方式...

上一章我们发现了一个问题，就是代码，可能没有我们想象的那么难。这节课我们来试着理解一个名词——HTML。 HTML 是个缩写，全称是：HyperText Markup Language。说到这里，可能有人会说，哇噻...

这部分其实超多内容，大部分文档会在这里列出几乎所有运算符，然后新人集体晕倒，能咬牙走过去的百不留一。可谓学习编程的一大门槛。[1] 我就比较懒，所以只讲一点你们听的懂的，其他的么，用到...

这是我最喜欢讲的一节课了，因为可以非常简单的实现一些让我们觉得惊讶的效果。 先来解释一下什么是表单，其实它和表格没有什么关系。这是用来收集用户数据，并进行提交的一类元素。是我们和网...

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

首先我们想到让宽度自动，但是你会发现自动之后占用的宽度也是 100%。原来块元素贪心，你不给它约束它就多吃多占。 那就要换个手段了，比如 inline-block 怎么样，不再独占一行，不再...

写在元素里 在某些特殊的情况下，我们可能并不方便使用上面两种方式；或者非常临时的，局部的需要进行一些样式的定义。这时候我们可以把 CSS 直接写在元素上面，这种方式叫做内联样式表： <p...

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