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

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

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

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

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

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

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

我想大家一定发现了，我们目前所掌握的选择器局限性太大。每一次选择，页面中所有相同的元素全都跟着变化。显然我们需要更灵活的选择方式，那么从这一章开始，我们来认识一些选择器。 a {/* 这...

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

啊？！上一章写的就是页头，对对，不过这么空白着不好看啊，不是说还有个海报么，索性也写在这里好了，对，用图片作为页头的背景，诶呀，你们都会了啊，那我还讲什么呢？ 也是，前面我们讲背景...

虽然上一章通过给块元素设置背景色，可以非常直观的看到它的位置和大小。但是不能每次写页面，对于每一个元素都这么操作啊，那页面花花绿绿的，岂不成了马赛克？ 所以我们需要一个工具去观察这...

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