《CWI培训.pptVIP

CSS3的新增颜色方式 主讲：丛浩 @LAMP兄弟连丛浩 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 本章内容 CSS12颜色表示方式(W3C标准) CSS3 新增颜色表示方式 CSS3 颜色使用实例 模拟渐变效果 网页配色表 图片查看器效果演示 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. CSS1CSS2的颜色方式 Color name 颜色名称方式 HEX方式 十六进制方式 RGB方式 三原色配色方式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Color Name方式 用颜色关键字表示对应的颜色。 例如:red(红色)、blue(蓝色)、pink(粉色) 优点：方便快捷而且特定颜色比较准确 缺点：英文记忆很是个问题 表示颜色数量有限。 不支持透明颜色. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. HEX方式 十六进制记法 ，使用十六进制表示颜色 语法:#RRGGBB 或 #RGB 取值： RR： 红色值。十六进制正整数 GG： 绿色值。十六进制正整数 BB： 蓝色值。十六进制正整数 取值范围:00-FF Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 例如:#FF0000红色 #FFFF00 黄色。 优点：表示颜色种类多，使用较方便 缺点：16进制单位换算很成问题 不支持透明颜色。 特定颜色需要工具配合或者一定的颜色调配知识 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. RGB方式 RGB记法。 语法:RGB(R,G,B) 取值： R： 红色值。正整数 | 百分数 G： 绿色值。正整数 | 百分数 B： 蓝色值。正整数 | 百分数 取值范围:0~255或者0%~100% Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 例如:rgb(255,0,0)红色 rgb(255,255,0)黄色 优点：表示颜色种类多，使用较方便 缺点： 不支持透明颜色 特定颜色需要工具配合或者一定的颜色调配知识 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. CSS3 新增颜色表示方式 RGBA模式 HSL模式 HSLA模式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. RGBA模式 RGBA记法。 此色彩模式与RGB相同，只是在RGB模式上新增了Alpha透明度。 语法：RGBA(R,G,B,A) 取值： R： 红色值。正整数 | 百分数 G： 绿色值。正整数 | 百分数 B： 蓝色值。正整数 | 百分数 A： Alpha透明度。取值0~1之间。 例如:rgba(255,0,0.5)半透明红色 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. HSL模