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

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

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

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

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

背景就像是盒子的底部，而边框就是盒子的四壁。对的，我们是在顶部俯视这个盒子，妥妥的上帝视角，诶，开森~ 边框属性 border 也是一个复合属性，也叫快捷属性。道理很简单，首先盒子...

这一章我们思考一下图片的大小问题，比如啊，你看网站这个头图，它多大合适呢？毕竟我们的显示器有宽有窄，这要多大的图才合适呢？ 超级带鱼屏，随便横向两三千像素的宽度，结果图片不够宽，这...

上一章我们说了背景相关的属性，但是不直观啊，所以这一章我们来做一个小小的练习，来使用一下这些属性，搞明白他们都是怎么回事。 首先写一个元素： <div id='bg-change'></div> 然后其...

背景是一个比较有助于我们，观察元素所占用面积的属性。但这依旧不是绝对的，因为在后面的章节，我们马上就会看到例外的情况。 背景（background）本身是一个复合属性，那么我们展开来讲解： 背...

接着上一章，我们继续看右侧面板： 上面也是三个标签页，目前我们主要使用前两个，第一个表示样式，第二个表示计算以后的属性。 下面我截取了两条内容，简单的看一下，element.style 的意...

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

有了盒子，自然就不缺猫了，然后就能过上幸福的生活（一只老鼠幻想猫什么的，真的好么？ 我们来看看我们的盒元素吧： <div id='box-1'></div> 这是一个空盒子，你把它写出来以后会发现并...