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

前面讲了 while 循环，但是我也不记得我多久没用它了，因为一般我都使用 for 循环。for 循环把一些几乎是固定结构的东西给包含进去了，让我觉得舒服。比如我们有这样...

前面我们为了让一些事情得到触发，所以讲了一个事件——click。但当时只是为了满足需求，所以讲的十分简略。今天我们就来把这件事情展开说一说。 其实到现在，我们已经学习的，或者说已经在应用...

我们学会两个标签了，<b></b> 可以给文字加粗， <p></p> 可以标记段落，但是只有这些的网页跟 Word 有什么区别？所以我们要研究一下互联网的一个重要组成部分——超...

不过显然的，要是做个海报这么简单码农们就不哭了。所以现在我们要做一些没有设计师我们一样玩的很 High 的工作。 你看我的海报其实还只有一个背景，上节课虽然加了链接，也不过是自欺欺人，没...

布局响应 现在的响应式布局一般要么是桌面优先（从桌面端开始设计，然后开始逐步向下根据桌面端的开发移动端），还有一种是移动端优先（从移动端开始设计，向上开发出桌面端） 不论我们怎么做都...

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

背景是一个比较有助于我们，观察元素所占用面积的属性。但这依旧不是绝对的，因为在后面的章节，我们马上就会看到例外的情况。 背景（background）本身是一个复合属性，那么我们展开来讲解： 背...

棋盘已经画好，只要摆上棋子，老夫就以这天地为棋局，与你对弈个天昏地暗！（老鼠忽然中二病发作，快，快灌他喝咖啡~ 我们现在画出了网格，把子元素摆在里面就行了。问题是：每一个子元素放在哪...

连续讲了两章废话，不如我们动手使用一下吧。这很激动人心，可是好像我们还没讲什么，怎么去用呢？ 安啦安啦，这东西可简单了，一句话语法从头用到尾。简单点总结，就是： 谁，在什么时候/什么...

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

现在我们学过的标签都是一个开始，一个结束，为什么腻？因为其实我们要标记的是一个范围，所以要给出一个开始和一个结束的点。那么有没有我们只需要给出一个点的情况呢？当然有了，来看两个标签...