一半设计一半前端

在zblog中，默认文章列表的摘要只有文字，没有图片，如果需要图片放入摘要，可以使用缩略图插件或者自己加入一段php代码。使用缩略图插件的方法可以查看下面这篇文章：zblog建站：为文章列表添加缩略图这篇文章讲解一下不用插件直接使用php代码的方法。在要加入缩略图的代码前面加入如下代码：{php} ...

用魔术棒或者快速选择工具抠图，适合背景颜色单一，主体轮廓清晰的图片，但是只要是选区，都不能保证边缘一定没有杂边，所以，”调整边缘“就是一个绝好的命令，在CC2017版本已经变成了”选择并遮住“，我这里用的还是CC2014的版本，所以位置可能不太一样，但功能还是差不多的。首先，调整边缘的功能分为两大部...

用过ps的童鞋几乎都知道ctrl+T自由变换工具，我觉得CSS3 transform就汲取了ps变形的精华，好好地继承了这三板斧精神。 一、transform变形 实现对元素的缩放、移动、旋转、倾斜，分别对应以下几个方法。 注意：变形...

在十年前，我用flash做动画的时候，总结了一下flash的运动规律，主要有形状、大小、位置、角度、颜色、透明度、加减速等变化。没想到移动端异军突起，似乎一夜之间，flash就没落了。想起自己曾经每天必逛的闪吧，在2012年也停止更新，虽然现在网站还在， 但也只是一个象征了，偶尔回去悼念一下，怀念过...

repeating-radial-gradient重复性放射渐变和radial-gradient放射渐变的参数都是一样的，差别在于是否利用渐变单元扩展至整个容器。可以先看看这篇详细介绍放射性渐变的文章↓CSS3教程：background-image之放射性渐变（radial-gradient）详解一...

很早以前写过一篇线性渐变的文章，如果还没有掌握CSS3中的线性渐变，建议先看一下。CSS3教程：background-image之线性渐变（linear-gradient）最in版！时隔一年半，再把它的姐妹篇——重复线性渐变搞定，才算是真正完结了吧。忍不住感叹，How time flies!这个属性...

关于CSS3的边框、圆角、阴影等新特性，在以前的CSS3教程里面已经详细介绍过，在这个系列里面就不再啰嗦，有兴趣的可以直接查看CSS3教程系列。 这篇文章详细讲解一下CSS3多重背景这个新特性，真的是很强大。 一、多重背景的用法 ba...

每次听一些web前端开发大神讲公开课或者看录制的视频，很多时候脱离了UI设计稿，大神们自己做案例的时候，都是用RGB三原色来搭配，或者直接red/blue/yellow/gray等颜色值，看得我眼睛火辣辣的痛，强烈建议web前端们也要把自己的审美，特别是色彩审美提高一下。审美教育必须从娃娃抓起！1、...

很早以前，大家都习惯用像素(px)这个单位来控制大小，但是随着响应式布局和跨平台跨设备的web应用的兴起，很多具有百分比性质的单位其实更灵活。浏览器都允许用户重新设置文字的大小，如图：但是很多网页在body的样式上直接写死了文字大小，比如为14px或者16px，这样用户修改浏览器的字号是没法改变网页...

讲完了伪类选择器，还有一个兄弟叫伪元素的选择器也把它搞定吧。它们都有一个伪字，说明都是不存在的，但是它们也有区别：伪类是一种状态，伪对象是不真正存在于HTML文档中的标签对象，但是它是以html对象的方式虚拟出现，并且可以通过css控制的对象。在最新的CSS3标准中，把伪对象的格式改成了双冒号，即:...