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

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

我们写了一个网页，在电脑上看起来效果很好。 但确切的说，是在我们自己的电脑上看起来很好，换一个电脑呢？啊，我说的不是兼容性的问题。只是可能这两个电脑的分辨率不大一样，网页显示出来的...

链接我们已经学习过了，不过我们写出来的链接十分具有年代感，因为它的样子还和20年前一样，蓝色的文字加个下划线。 我们现在已经学了许多关于文字的样式，那么对链接做一些修改，也是挺方便的...

行高这个属性可能是我们平常没有在意过的，它表示一行文字所占用的高度。我们写一段内容，两行文字之间会有一些空白，这样看起来很舒服。而之所以会有这些空白，是因为每一行文字所占用的高度都...

现在我们来回忆一下 第七章 基本模板 中的基础模板，当时我们讲的非常粗略，因为那时候大家对标签的认识还非常少。现在我们对标签已经有了一个初步的了解，那么再回来解释一下这些代码吧： &l...

写下标题之后，我却开始迷茫了。那么多事件，对，我们的是入门教程，可……那么多常用事件，我按部就班的像复述文档一样给大家讲，大家能记住多少？或者我应该问，我们距离厌倦，还有几章？ 所...

知识是一种网状的结构，甚至是立体的网状。它们相互解释，最后形成循环。 比如在完全不懂英文的时候，给你一本英英词典，它就是解释的再浅白，再通俗易懂，你还是看不懂。于是我们开始背单词，...

首先，怎么隐藏。 这很简单，你把元素的 display 属性设置为 none 就行了。相反的，设置为 block （根据具体情况选择对应的值）就显示出来了。 然后我们希望它何...

在许多时候，我们需要比较两个值的大小，那么这一章来说一说用来比较的符号。 a > b;b < a; 大于号和小于号就不说了，这个和我们数学里是一样的。那么如果是大于等于和小于等于呢？ a >= b;b...

讲了半天盒子，我们的盒子都只是纵向排列。因为我们讲：默认盒元素是要自己独占一行的。 但是，大部分情况下，我们需要盒元素可以横排，毕竟极其单纯的纵向布局实在无法满足我们对于网页的需求...

我们前面学习了一个叫做函数的东西，它可以让我们把重复的操作作为一个整体，在需要的时候叫它一下，便可以执行这一系列的操作。这种方法让许多的情境变得简单。 如果进一步思考，我们对于页面...