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

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

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

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

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

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

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

每一天辛苦的写作，给年幼的小老鼠留下了深深的阴影，唯有扫描下面二维码，给他一杯热乎乎的咖啡，才能扫除他心中的阴霾…… 咳咳，好像走错片场了，不过别放下你刚刚举起的手机啊，扫码，来来...

与内补相对，不过是在边框外面的。就好像在快递箱外面再包裹上泡泡纸。诶，这个就可以使原本紧挨着的元素之间产生间距了。外补属性写作 margin，其他和内补挺像的。 说到这里，这一章好像...

我们说了好久盒子，却并没给盒子里装过什么东西。那今天我们来 试一下吧~ <div id='a-box'>假装这里装满了老鼠喜欢的东东，咖啡，可乐，巧克力，软软的枕头，暖暖的被窝，还有满缸的大米……...

你也许会问，这有什么可说的，宽高就已经很好的描述了盒元素的尺寸了。那你说，这个宽高包不包含边框的尺寸？ 这种问题不需要回答，试一下就知道了，记得把值设置的适当大一点，一眼就能看出结...

圆角么，好像挺简单的： <div id='border-radius'></div> #border-radius {width: 100%;height: 100px;border: 2px solid black;border-radius: 36px;} 如果两个圆角接在了一起的话……算...