如果你对上一章的内容进行了深入的练习，会发现这里面有一些问题。我希望让动画变得更加细腻，所以缩短了时间间隔。但是受限于程序的计算性能，并不能够达到我的预期。说直白点，我希望它以极高...

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

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

上一章说到了我们选用字体的尴尬，毕竟只指定一个名称，局限性太大了。那我们能不能为用户提供字体呢？我们的网页用我们自己提供的字体来显示，想想又觉得世界很美好了。 这个事情还真的能够做...

上一章我们主要在研究网址的结构，而其实 input 的类型（type）也是一个十分神奇的东西，它表示的是这个输入框可以输入的数据类型。好吧，也并不全是，比如 search 其实和 text&...

选用哪种方法横排，要看我们需要它的什么特点。 我们先用 float 横排试试看： nav>ul li {list-style: none;float: left;} 成功横排，但是，它们排列的太紧密，没空隙，不舒服。 从视觉上，我们...

确切的说，是定位的方式，属性名是 position，可用的取值也并不多，四五个而已。但是除了默认值 static 之外，可以说其他的每个值都对应了一套定位方式，就需要仔细区分清楚，这...

标签可以被嵌套，但不能交叉 像上一章那种，一层标签，套着一层标签，这叫做嵌套。在这种情况下，每一个元素都被完整的套在另一个元素之中，除了最顶层的 html 元素。 我们要说的是，...

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

前面我们介绍了好多关于文字的属性，因为都是描述文字是什么样式的，所以我们也可以把它们写在一起做一条属性，就是 font，这种把许多调属性综合成为一条去写的方法，被称为复合属性或者快...

前面我们导航中的链接，链接到的地址是 #，那么这个 # 是什么意思呢？ # 表示的是锚点。我们前面所学的网址都是指向某个文件的，但是在一个页面中，也是分为很多部分的，我...

网格布局比弹性布局涉及的属性多了好多。然而其实更简单了。 弹性布局是一维布局，侧轴方向的延伸属于被动技能。网格布局就厉害了，是二维布局，两个轴同等重要。说白了吧，就是在容器里面划上...