发新话题
打印

CSS3中一些新技巧

CSS3中一些新技巧

这篇文章的目的在于向你们介绍一些CSS3中的新技巧,它们在一些主流的浏览器中运行良好。但要注意的是它们会在一些不支持的浏览器中降低显示效果。所以我们能够操作以下新技巧的前提是有一个可以兼容它们的浏览器。
一、有关这个页面的实例说明
全部例子都是在这个页面里面,若我们不可以正常查看实例的效果(或仅能查看部分),这就说明我们的浏览器并不兼容这些CSS3效果
二、HSL色彩模式(即色调,饱和度,亮度)
CSS3可以支持HSL、RGBA颜色模式。这就为我们在颜色和色调的选择上提供了很多可替代性。在HSL色彩模式中H表示色调,S表示色度,L表示亮度。色调指的是色盘上角度值,而保饱和度及亮度指的是颜色的百分比值。
三、边框颜色
如果我们要使用这个技巧,则需要分别定义上边框、右边框、底边框及左边框才可以得到这个效果。我们都注意到了如果定义一个8像素的边框,需要定义了8种不同的颜色。这是由于边框的颜色数量一定要和边框的像素宽度值相对应。
四、设置文本选择颜色
当我们使用到CSS有关文本颜色选择设置的新技巧时,我们都会发觉这个新技巧很贴心。通过对伪对象的一系列操作,我们能在用户选中一段文本元素时改变它们颜色及背景。大多数人都会觉得这个效果非常漂亮。尽管伪对象已经被CSS3目前的版本草案中移除了,但我们仍然期待之后正式发布的时候可以将它再添加进来。

TOP

发新话题