前言：学习插画的同学经常会将一些照片作为练习素材，将其转为插画。利用真实照片转插画，对于提升我们的造型能力,配色能力,提升画画熟练度都有很大的帮助。而且能省去思考构图的时间，将更多的...

我们学会了选择第一个元素和最后一个元素，或者是独生子女。但事实上的情况可能更加复杂，也许它的父元素里，并不只是一个或者两个子元素，如果是更多个呢？而且我们需要选择的又不是第一个和最...

我们学会了用各式各样的方法去选择元素，然后对它们进行操作。而选择的结果不外乎以下三种： 没有元素被选中有唯一的元素被选中有多个元素被选中 这样看起来情况很复杂，但事实上，每一次我们选...

除了免费图库以外还有一个经常被用到的素材是「免费音乐音效」，特别是在制作影片时很容易用到，音乐音效如同图片都有版权规范，不可使用没有授权的素材以免触法（尤其是影片上传后可能会因为版...

既然说到了动画，说到了过渡效果或者说大家喜欢讲的——网页特效，那就索性把它们讲完全。前面讲了使用 jQuery 来实现，很方便，一句话语法。用 CSS 实现，也很方便，说清楚谁发生过渡以及时长...

大家有没有觉得前面讲的 CSS 过渡效果和 jQuery 的动画十分类似。事实上他们还是有很多区别的，但是在基础效果上，它们确实有些相似。 这时候不禁让人好奇，那 CSS 的动画又是什么样子的呢？ 区...

上一章，最后我们讲到了鼠标移动的事件。鼠标，我告诉你，你别动，你一动就是事儿！ 但一般情况下，它动不动和我们关系不大，说直白了就是你爱怎么动怎么动，不碍着我就行了。那什么情况下会碍...

上一章我们主要在研究网址的结构，而其实 input 的类型（type）也是一个十分神奇的东西，它表示的是这个输入框可以输入的数据类型。好吧，也并不全是，比如 search 其实和 text&...

上一章说到了我们选用字体的尴尬，毕竟只指定一个名称，局限性太大了。那我们能不能为用户提供字体呢？我们的网页用我们自己提供的字体来显示，想想又觉得世界很美好了。 这个事情还真的能够做...

我们前面讲过一些基础选择器，也讲过将这些基础选择器组合在一起，形成相对复杂的选择器。但是我没讲完，还遗漏了两种组合。这两种比较新，我看了一下兼容性倒还是可以，就是基本上常见的浏览器...

有没有这样一种感觉？就是每一章都能够听得懂，但是回想一下，却又不知道如何去用。就仿佛虽然双脚实实在在的站在地上，但是放眼看向四周，全是白茫茫的雾气，竟然一时分不清了上下。 不要着急...

选用哪种方法横排，要看我们需要它的什么特点。 我们先用 float 横排试试看： nav>ul li {list-style: none;float: left;} 成功横排，但是，它们排列的太紧密，没空隙，不舒服。 从视觉上，我们...