虽然CSS3仅仅增加了少数新特性,但是这些属性却可以做很多有用的事情,可以大大的简化我们的工作。我们今天做的这些按钮,就是充分利用CSS3的圆角、盒子阴影和文字阴影效果,同...
受 pbtweet 里 面那个漂亮的贴图徽章启发,我搜索了一些相关资料,将如何用 CSS 实现鼠标悬停动画效果的方法整理成本文。目前,能正确显示这些非正式 CSS 属性的浏览器还非常有限,...
CSS3选择符语法概览 : ! N+ Z8 C3 H% ^: `K0 k7 | 选择符类型 表达式 描述 子串匹配的属性选择符 E[att^=val] 匹配具有att属性、且值以val开头的E元素 子串匹配的属性选择符 E[att$=val] 匹配具有...
结构伪类(Structural pseudo-classes) CSS 3增加了大量的结构伪类,利用文档结构树来实现表现,从而可以减少页面内class属性和ID属性的定义,使得文档更加简洁。 以下示例,请使用Win XP的...
相信大家有看过这个例子: 3D盒子 ,在书《CSS3 实战》上第282页有个综合实战设计动态立体盒子的例子,实现方式跟它一样,我的盒子也是以它为原型来设计的,不过在实现方面有做修...
background-clip 和 background-origin 是 CSS3 中新加的 background module 属性,用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-positio...
级联样式表在13年前被引入,而且被广泛使用的CSS 2.1 标准在11年前被创建,显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步事实上,我们也无法想象。...
使用CSS3 HSL声明同样是用来设置颜色的。下一个呢? HSLA? 是的,这个和RGBA的效果是一样的。 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘:0和...
使用新的CSS3的RGBA声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。 RGBA像RGB一样设置颜色,而这个ARGBA中的最后一个值允许我们设置该元素的透明度。就像opacit...
首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括交集选择器、并集选择器、后代选择器。 交集选择器 交集复合选择器是由...
曾几何时,我们创建可以显示/隐藏一些内容的小组件时,我们不得不使用Javascript.有时候你可能不得不为这个小功能,下载一个完整的 JS 库才能达到这个功能效果.为下面的时刻欢呼吧!HTM...
CSS3透明不透明渐变随便你怎么叫它吧!这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了,而IE一直不支持! opacity声明用来设置一个元素的透明度:层...
想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件?那么就使用CSS3嵌入字体吧! 要使用一款字体,我们首先需要使用@font-face属性。这必须先准备好我们要用的字...
使用CSS3可以为你的网站创建多列,而不用为每列制定特定的层或段落。 与多背景图片一样,CSS3多列也是我最喜爱的一个技术。我想这条CSS3属性有在报纸和杂志布局中以外的很多潜在的...
背景图片/纹理有很多种使用方式,常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视,我们可以应用多背景图和背景图片尺寸来实现更完美的效果。 CSS3的背景图片大小可以写...