我们知道了如何在网页中引入 JS，下面就该实际写一下了。不过别说复杂的，就是基础的我们也还不会写呀，否则我们还看教程做什么呢？虽然如此，可我们还是希望能够写一点，立刻就看到效果的东西...

如何引入 我们说的很厉害的样子，让人不禁想要赶紧开始了，那么怎么把这么厉害东东放进我们的页面呢？和 CSS 类似的，也有三种方法： 外部文件 CSS 怎么引入来着？ <link rel='stylesheet' h...

以前我喜欢说，神一样的 CSS，因为 CSS 为平白无味的页面，添加了色彩。就仿佛一下子，这个世界有了光；就仿佛普罗米修斯，将火种从天空抛洒到人间……所以我觉得说 CSS 是神，并不过分。 那就...

到这里我们 CSS 部分就讲完了。事实上，CSS 的内容远比这要多，只是我们作为新手，初期先掌握这么多，已经够应付大部分问题了。其余的可以在熟练掌握，现在已有的知识之后，再慢慢的做补充。 还...

背景 背景定位其实和前面这些定位很相似，它是背景图片相对于当前元素的定位关系。这里面复杂的是图片上的某个点相对于元素的某个点的偏移，而这两个点在各种情况下是不同的。 基本情况 默认图...

在我心目中，都是用坐标系来描述这些问题，然而想到要写这一章内容，进行归纳总结的时候发现，说坐标系有点不确切。很多都是单独的坐标轴，即一维问题，每一个维度都是单独考虑，即便涉及两个维...

又是对齐的问题，其实和我们前面所讲的一样一样一样的啊。 需要明确几个小问题，网格的轴是不会发生变幻的。所以 justify 就是指横向，左边开始，右边结束。align 就是指纵向，...

先来一个简单的 grid-column-gap / grid-row-gap / grid-gap，是说网格线的粗细，默认粗细当然是 0 了，你也可以自定义，但没有颜色，其实也就是网格单元格之间的间隔。最后一个是前两个的...

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

先画出格子来，再往里面放东西。现在我们进行第一步，画格子。 那我们如何描述这些网格线的位置呢？想想我们自然语言（就是平时说话）怎么说： 每隔五十像素画一根线；隔五十像素画第一根线，再...

网格布局比弹性布局涉及的属性多了好多。然而其实更简单了。 弹性布局是一维布局，侧轴方向的延伸属于被动技能。网格布局就厉害了，是二维布局，两个轴同等重要。说白了吧，就是在容器里面划上...

前面我们从来没在对齐这个问题上犯过难。 这次么，也还行，反正就是三个情况，每个情况分两个方向（主轴方向和侧轴方向），结合之后六个属性而已。这些属性的取值都差不多，反正相似的地方很多...