这一章应该是自适应和响应式的实践，但是老鼠很懒，就不想写了。 因为这很尴尬，设计一个优雅的案例会搞得很复杂，一章怕是放不下。而一通繁琐操作下来，你会发现我就是把前面的东西再说一遍。...

老有人把响应式和自适应搞混，是因为老有人想要把它们分清。 哪有那么清晰的界限可言，采用方法实现目的就好了啊。为了某个效果，我组合使用怎么算？我不知道答案，我还是努力实现我希望的效果...

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

我只是想停下来问一句：有自己动手写一个完整的页面吗？ 遇到了哪些问题？ 你是怎么解决这些问题的？ 解决的过程中学到了什么？ 把这些记录到笔记中了没有？ 我像不像一个婆婆妈妈烦死个人的小...

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

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

导航，好多时候需要有二级导航，就是鼠标滑过去会自己弹出来的那种，这个大家肯定都知道的。 咱们先别管弹不弹出来的，就让它一直显示出来，我们先完成这个效果。 那我们分析，弹出来的导航是不...

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

其实讲到这里啊，我们布局都讲的差不多了呢~ 你也许觉得诧异，然而，竖排的话简单吧，横排我们也学了，也练习了。横竖交错组合就足够应付日常的排版需求了呀。我们继续讲，也只是对上面内容的重...

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

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

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