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

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

布局响应 现在的响应式布局一般要么是桌面优先（从桌面端开始设计，然后开始逐步向下根据桌面端的开发移动端），还有一种是移动端优先（从移动端开始设计，向上开发出桌面端） 不论我们怎么做都...

这是我最喜欢讲的一节课了，因为可以非常简单的实现一些让我们觉得惊讶的效果。 先来解释一下什么是表单，其实它和表格没有什么关系。这是用来收集用户数据，并进行提交的一类元素。是我们和网...

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

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

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

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

现在我们学过的标签都是一个开始，一个结束，为什么腻？因为其实我们要标记的是一个范围，所以要给出一个开始和一个结束的点。那么有没有我们只需要给出一个点的情况呢？当然有了，来看两个标签...

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

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

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