一半设计一半前端

 写完了linear-gradient线性渐变的初级教程后，看到了Lea Veron博客上那个用渐变做的图案集，我瞬间就觉得自己的想象力弱爆了。容我躺躺，再站起来继续战斗！缓过来了，开讲放射性渐变吧。一、放射性渐变原理别人都用ps解释，我却在渐变上独喜欢flash的渐变变形工具。别人都说径...

 long long  ago，我很不喜欢用CSS3的渐变，宁愿一切纯色扁平，因为那时候的渐变TMD太复杂了，版本太多了，真的很想死！今天百度linear-gradient的关键词，翻出的文章几乎都是2011年——2013年的，版本太out了，难道不知道webkit和moz已经手...

很多人拿border-radius就是做点圆角效果，或者弄一个圆形的头像（说的就是以前的自己^_^），但，这些都是没有真正发掘border-radius的价值的！先看看一些别人的效果↓˂a title="各种参数设置的效果展示，包括兼容性" href="http://muddledramblings...

最近忙着暑期补课，在招生路线上，搞得很紧张啊，我的痘痘都多冒了好几颗。关键是一个星期补六天课，还包括三个晚上，觉得日子怎么过得那么慢呢！忙里偷闲，还是继续CSS3的学习之旅吧。讲完了text-shadow，今天我们来八一八box-shadow这个看起来很相似...

在web的早期战场，要实现文字或者图片或者盒的阴影效果，必须启用图片，导致html代码和css代码量都要增加很多，而现在，利用css3新增的text-shadow和box-shadow可以轻松完成阴影的添加，而且效果自然，不逊于ps制作出的效果，唯一的问题就是多层阴影的时候可能渲染要多耗费一点性能。...

border属性在CSS3新增了很多样式，比如border-radius圆角样式，其中可以为border-color设置transparent值则实现了利用该样式绘制三角形等的能力。transparent表示透明，透明不代表不存在。在CSS2里面，只能为background-color设置该值，在C...

表单的目的是获取用户的信息，然后处理信息并返回给用户结果，比如百度搜索，登录表单，或者保存用户的信息到数据库中，比如注册表单，发表日志，评论别人的文章等。一、表单的结构1、必须有表单的标签<form></form>，把所有可以输入信息的控件包含在表单的标签里面。2、要有用户能...

与text-shadow的原理一样，只不过text-shadow是为文字做阴影，而box-shadow是为盒对象做阴影。这里的盒包括块状(block)、内联(inline)、内联块状对象(inline-block)。如果对盒对象不清楚的童鞋，可以先看这篇文章：˂a href="http://mrsz...

网页的元素总体可以概括为两大类：1、块状对象（block）2、内联对象（inline）一、什么是块状（block）对象？无论宽度多少，都独占一个通栏的，不能和别的对象并排在一起的就是。比如h1~h6,div,ul,li,p等元素。可以通过浮动（float）实现块状元素的并排，但是会产生高度不自适应和...

图像传达信息的能力与文字一样，甚至更具感染力，所以网页中一定少不了图片的应用。图像主要有三种用法：1、普通图片，用<img/>标签显示在网页中的素材。2、背景图片，用来美化网页或者显示特殊字体效果。3、图片地图热区，实现一张图片有多个超链接。一、普通图片<img/><i...