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

辈分，这是一个难题，我知道，很多年轻的朋友都和我一样，搞不清这些复杂的关系。不过还好，直系亲属和兄弟姐妹，还是完全分得清楚的。嗯，这样就够用了。 我们页面中的元素会越来越多，在聊这...

在日常中，我们经常会写各种列表，但是很少意识到他是一个单独的类型。在网页里，毕竟它不是一个段落，我们要用我们的标记来把它说清楚。 早晨起来，妈妈叫我帮她去买菜，那我得把要买的东西记...

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

我们前面说过一些名词，但没做解释，比如“属性”、“方法”以及后面会遇到的“事件”，在这里就一起解释一下。开始的时候我也搞不清它们，但慢慢，几乎不用思考也知道该是什么了。 属性是特征...

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

早晨，懒得做饭，毕竟做饭这种事情随随便便能鼓捣一天。去买点馒头充饥算了。一天这么长，我需要三个馒头充饥才能挨得过去。到了超市，我拿起一个馒头，开始思考： 够三个了吗？显然不够，继续...

上一章，我们说了一些知识，但却不知道如何去用它们。那么这一章就来介绍其中的一种用法。 我们做一些事情的时候需要进行条件的判断：如果是星期四，那么我就要做值日；如果我钱包里有五十块钱...

变量这个概念大家应该在初中就学过，简单地说就是用字母代表数，而且所代表的内容可以发生变化（可以变才是变量嘛）。 那么到了代码里，情况类似，但是被扩大化了。首先可以代表的东西不只是数...

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

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

上一章我们说我们的写法是不完善的，为什么呢？因为我们在使用一个变量之前，应该首先对变量进行声明。就好像我们在希望某个人去做某件事情之前，要先明确他是我们的员工。 可是前面没有做声明...