Table表格奇偶数行定义样式:CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSer们...
分类:
Web程序 时间:
2015-11-06 17:47:08
阅读次数:
219
text-shadow运用得是最多的一个属性,作为我们前端人员我觉得有必要学习并掌握这个text-shadow属性text-shadow : none | none | [, ] * 或none | [, ]*也就是:text-shadow:[颜色(Color) x轴(X Offset) ...
分类:
Web程序 时间:
2015-11-05 15:05:13
阅读次数:
301
如今CSS3中的border-radius出现后,让我们没有那么多的烦恼了,首先制作圆角图片的时间是省了,而且其还有多个优点:其一减少网站的维护的工作量,少了对图片的更新制作,代码的替换等等;其二、提高网站的性能,少了对图片进行http的请求,网页的载入速度将变快;其三增加视觉美观性。既然borde...
分类:
Web程序 时间:
2015-11-05 13:36:58
阅读次数:
296
CSS3的3D转换translate3d(x,y,z)函数: translate3d(x,y,z)只是规定3D转换的一种形式,更多相关内容可以参阅CSS3的3D转换效果详解介绍一章节。 此函数用来规定指定元素在三维空间中的位移。 语法结构: translate3d...
分类:
Web程序 时间:
2015-11-05 06:36:16
阅读次数:
536
attr()的定义和用法:插入元素的属性值。在CSS2.1中attr()总是返回一个字符串。在CSS3中attr()可以返回多种不同的类型。浏览器支持:IE浏览器支持此属性。谷歌浏览器支持此属性。火狐浏览器支持此属性。特别说明:1.IE7和IE7以下的浏览器不支持此属性。2.CSS3的atrr()现...
分类:
Web程序 时间:
2015-11-05 06:11:13
阅读次数:
169
CSS3的3D转换效果详解介绍:本章介绍一下CSS3的3D转换效果,此效果的实现依靠的是transform属性,3D转换只是此属性的部分应用,更多相关内容可以参阅CSS3的transform属性总略介绍一章节。掌握3D转换效果,可以从三个方法作为突破口,分别是rotateX, rotateY, ro...
分类:
Web程序 时间:
2015-11-05 06:10:43
阅读次数:
204
CSS3的3D转换translate3d(x,y,z)函数:translate3d(x,y,z)只是规定3D转换的一种形式,更多相关内容可以参阅CSS3的3D转换效果详解介绍一章节。此函数用来规定指定元素在三维空间中的位移。语法结构:translate3d(x,y,z)参数解析:1.x:表示在x轴方...
分类:
Web程序 时间:
2015-11-05 06:08:27
阅读次数:
316
最近重新在看Html5&CSS3的知识,看到canvas的时候,想到了以前在学校学计算机图形学时做过的画图实验,于是想,可以基于html5和css3来做一款画板,经过1天的努力,完成了画板的一些简单的功能,发出来和大家进行分享一下。这个画板的功能十分的简单,只是实现了随意画,基于橡皮筋的直线、圆、矩...
分类:
其他好文 时间:
2015-11-04 19:23:47
阅读次数:
205
HTML5之美 从HTML4诞生以来,整个互联网环境、硬件环境都发生了翻天覆地的变化,开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一 剑,HTML5作为下一代Web标准,它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTML5和CSS3的发展和完善,Web应用程 序....
分类:
Web程序 时间:
2015-11-03 19:12:02
阅读次数:
195
大家已经见惯了用CSS3画的图标、LOGO、头像,这次台湾同学Rei给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。看到动图我震惊了!!!CSS3的强大再次霸气测漏! 示例中用到的主要CSS3特性如下: border-radius:绘制边框圆角。 tran...
分类:
Web程序 时间:
2015-11-03 17:29:30
阅读次数:
219