需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
button {width: 100pxheight: 50pxborder: 0color: whitebackground: -webkit-radial-gradient(#72787f, #545c64)}
3、浏览器运行index.html页面，此时用CSS实现了按钮中间白、四周黑，上方白、下方灰的效果。
只有 C 是不合法的。解释：
上两位都说A有问题，但A 的写法是正确的，因为
font 在HTML 4.01的过渡版中是可用标签，而 .html 只不过是一个class 而并非 <html>这个标签。
D的解释同上。
B是标准class选择器。
E CSS选择器跟大小写无关。
所以，A、B、D、E，都正确。
那么 C 为啥是不不合法的？
原因就在于 “#”跟ID名中含有空格，浏览器是不认的。
因写为：#ident3em
以上……
有效的过渡属性包括：background, position, border, color,margin, padding, height, width, outline, visibility, opacity, zindex,line-height, letter-spacing, word-spacing, min/maxlength/height/width, text的一些属性等等
transition-duration:time[,time]*：指定对象过渡的持续时间
transition-timing-function是transition属性里最为复杂的一个，针对的是过渡效果的特效。
五种预留特效：
linear:线性过渡。等同于贝塞尔曲线(0,0,1.0,1.0)
ease:平滑过渡。等同于贝塞尔曲线(0.25,0.1,0.25,1.0)
ease-in:由慢到快。等同于贝塞尔曲线(0.42,0,1.0,1.0)
ease-out:由快到慢。等同于贝塞尔曲线(0,0,0.58,1.0)
ease-in-out:又慢到快再到慢。等同于贝塞尔曲线(0.42,0,0.58,1.0)
transition-timing-function是transition属性里最为复杂的一个，针对的是过度效果的特效。
也可以自己制定过渡特效：cubic-bezier(number,number,number,number)。特定的贝塞尔曲线类型，4个数值需在[0,1]区间内。（贝塞尔曲线，有人也翻译为贝兹曲线）
