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

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

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

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

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

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

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

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

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

也讲了这么多了，我们要做练习了。我知道你们可能还觉得云里雾里，现在说做练习有点不知从何入手啊。其实练习就是拨云见日的过程，做过练习才会真正理解这些理论。（多年学生党表示拒绝相信，23...

上一章的方法我不喜欢，那就得有其他方法来解决这个问题，这就是浮动。浮动被用的超多的，虽然现在对于排版问题已经有了新的方式，但是浮动也并没有完全退出，尤其在你希望兼容低版本浏览器的时...

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