于是乎，我们解决了排列的问题，可以方便的横排，竖排，反着排，还不用消除浮动了。但这就够了么？来个新属性吧，order，表示元素在主轴上的排列顺序。额，这个当然不是整体定义，而是对布局中...

我们以前的布局方法，虽然可以完成三个维度，但是每个维度都是各自为政的，一个混乱的体系。 而弹性布局则是一维布局，它有两个轴，优先关心主轴，然后用侧轴辅助。这有点像什么？我们写字，说...

因为我们已经有了一套布局方法，虽然有很多缺点，但是目前，论兼容性，这是最好的，所以这一套不能丢。就算是在过渡时期吧，也可以两者结合着用。 然后我们这里有两套系统：弹性（Flex）和网格...

这是一个重头戏，它们其实不难，只是复杂。复杂到我们最开始看到它们的时候都是相同的感觉——不知所云，无从入手。 读书么，就是把书读薄，再把书读爆的一个过程。所谓读薄，就是从描述中抓住...

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

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

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

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

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

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

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

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