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

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

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

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

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

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

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

上一章说的就是一个排队的问题，因为一切比喻都是蹩脚的，所以也不要太较真。在我们还不了解这些东西的时候，能够快速的给我们一个初步的感受，对于后面的理解，多少是有帮助的。 我们可以看出...

这里我们先简单的说一下“文档流”。就是把一个页面看做一个河流，里面的所有元素，具有向着某个特定方向流动的趋势。 打一个最简单的比方，现在页面中有三个段落，那么它们从上往下排布。如果...

知识是一种网状的结构，甚至是立体的网状。它们相互解释，最后形成循环。 比如在完全不懂英文的时候，给你一本英英词典，它就是解释的再浅白，再通俗易懂，你还是看不懂。于是我们开始背单词，...

我想大家一定发现了，我们目前所掌握的选择器局限性太大。每一次选择，页面中所有相同的元素全都跟着变化。显然我们需要更灵活的选择方式，那么从这一章开始，我们来认识一些选择器。 a {/* 这...

上一章大家肯定还有疑问，就是链接的下划线好像是去掉了，但当我把鼠标放在链接上的时候，下划线又出来了，这就十分难受。 因为对于链接，它本身是有几个状态的。首先是我们完全没有搭理它的状...