棋盘已经画好，只要摆上棋子，老夫就以这天地为棋局，与你对弈个天昏地暗！（老鼠忽然中二病发作，快，快灌他喝咖啡~ 我们现在画出了网格，把子元素摆在里面就行了。问题是：每一个子元素放在哪...

连续讲了两章废话，不如我们动手使用一下吧。这很激动人心，可是好像我们还没讲什么，怎么去用呢？ 安啦安啦，这东西可简单了，一句话语法从头用到尾。简单点总结，就是： 谁，在什么时候/什么...

我们要讲到的伪类分为两部分，第一部分非常的简单，就是 :header 它表示标题元素，h1 到 h6 都算。这个效果我们通过书写多条的选择器一样可以达到，但是用这个伪类就...

我们学会两个标签了，<b></b> 可以给文字加粗， <p></p> 可以标记段落，但是只有这些的网页跟 Word 有什么区别？所以我们要研究一下互联网的一个重要组成部分——超...

不过显然的，要是做个海报这么简单码农们就不哭了。所以现在我们要做一些没有设计师我们一样玩的很 High 的工作。 你看我的海报其实还只有一个背景，上节课虽然加了链接，也不过是自欺欺人，没...

前边的都记住啦？那就来看今天的。 其实我觉得，日常用 relative 定位的地方并不多，但是又绝对不少。这话怎么理解呢？就要先看今天的定位方式：absolute 了。 这个简单，就把上节课的例子的...

有人问，设计师的工作状态是什么样的？ ​ 而其实在了解需求和做出初稿前，有一个很重要的环节，那就是——找素材！这个过程不仅要花费很长时间，还经常会出现找不到合适素材的情况，或是找到了...

写在元素里 在某些特殊的情况下，我们可能并不方便使用上面两种方式；或者非常临时的，局部的需要进行一些样式的定义。这时候我们可以把 CSS 直接写在元素上面，这种方式叫做内联样式表： <p...

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

如果不使用 var 又该使用什么呢？两种方式 const 和 let。用起来在语法上是和 var 一样的。但是有几个细节的问题需要注意： 作用范围 我们说 var ...

一个元素，在什么位置，尤其是视觉的位置，这个在我们制作某些特效的时候十分重要。offset 方法可以用来获取和设置一个元素的位置。 具体一点，它获取的是元素相对于文档的位置，返回值是...

特别简单，就是当前元素的所有兄弟元素，当然不包括这个元素本身。然后还可以给一个选择器来进行一下筛选，反正和前面的方法都大同小异。主要就是搞明白说的是怎样的一个范围。 $('#miao').sibl...