标签:CSS3

CSS3 Multiple backgrounds 和 CSS3 Animation »

CSS3多背景与背景动画我非常喜欢CSS3Multiplebackgrounds和CSS3Animation,如果把这两种技术组合在一块,就可以实现丰富多彩的背景动画了。如果想要得到更广泛的浏览器支持的话,配合脚本库来实现,那就会得到更强的网页可用性和用户体验了,MooTools动画就是我常用的选择。CSS3多背景兼容性列表:看了上面...

继续阅读 →

一些有用的Web前端开发技巧 »

CSS代码调试片段用下面的CSS代码片段,可以把XHTML(orHTML)里的每一元素的层次结构勾勒出来,通过层次结构中每一级的颜色边框的变化,可以方便的看出元素“深度”的变化。给浮动和定位的调试带来了方便。*{outline:2pxdottedred}**{outline:2pxdottedgreen}***{outline:2px...

继续阅读 →

CSS3 和 HTML5 兼容性测试 »

引言你想知道你目前的WEB开发环境对CSS3和HTML5的支持情况和兼容性吗?如果想知道就跟我来,我会给你提供一些CSS3和HTML5的测试工具,来帮助你学习和应用这些新技术。关于HTML5HTML5是未来主要的HTML版本,HTML5给我们提供了很多更语义化的结构化的标签。例如,和布局有关的标签就是非常有意义的功能,这种语义化的特性...

继续阅读 →

简单的斑马纹表格 »

简单的斑马纹表格,如果页面上有大量的表格数据时,隔行变色的斑马纹会帮助我们快速阅读,有利于用户体验。我们今天不讨论在动态语言中的方法,只讨论CSS,JavaScript,MooTools是如何实现的,并有三种可行性方案。我们的表格TheHtmlCode:1LostInThePlotTheDears2PoisonTheConstanti...

继续阅读 →

在Webkit浏览器中,使用CSS3替代7个JavaScript效果 »

众所周知,这段时间CSS3一直很火,大有成为“JavaScript杀手”的可能。此文将会介绍7个很酷的CSS3动画的示例,使用WebKit浏览器(如GoogleChrome和Safari)。我相信在不久的将来,有些必须用javascriptlibrararies实现的效果完全可以用CSS3取代的。我们先看一下全部的Demo演示.请尝试...

继续阅读 →

用CSS改变选择文本的背景颜色 »

我经常浏览国外一些大牛的网站,每当我用鼠标选择网页上的文本时,文字的背景色不是默认的深蓝色,而是,他们改变成了与自己网站相协调的背景色。这一个小的技巧非常有用,我到网上搜寻一些关于改变“选择文本的背景颜色”的解决方案。这么酷的方法,只有CSS3的UI元素状态伪类E::selection选择器才能实现此功能,::selection它可以...

继续阅读 →

征服,高级CSS选择器(收藏) »

征服,高级CSS选择器(收藏)原文:征服高级CSS选择器  译者:前端观察译自:TamingAdvancedCSSSelectorsCSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS选择器远未发挥它们...

继续阅读 →

CSS3的新功能快速体验和应用 »

CSS3的新功能快速体验和应用在CSS版本3中会有许多振奋人心的功能。CSS3会有更好的灵活性,使之前复杂的效果现在制作起来游刃有余。在CSS3中设计有许多可节省时间的规则:text-shadow(文字阴影效果),box-sizing(变尺寸方框),opacity(透明度),multiplebackgrounds(多背景),borde...

继续阅读 →

CSS 3.0 中文参考手册 & CSS3系列教程 »

CSS3.0参考手册(中文版)感谢TC的ISDwebteam整理和发布CSS3.0参考手册(中文版)官方地址:http://webteam.tencent.com/css3/备受期待的CSS3新功能圆角、多背景、@font-face用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa–加入透明色、文字阴影等等CSS3的出现,让代码更简...

继续阅读 →