前面我们讲完了css选择器,接下来说说如何使用选择器吧,给我们的网页添加上多姿多彩的颜色吧。
一,颜色
1.RGB值
如 ? ?h1{
? ? ? ? ? ? ? color:rgb(255.255.0);
}
2.十六进制编码
如 ? ?h1{
? ? ? ? ? ? ?color:#ffff00;
}
3.颜色名称
如 ? ?h1 {
? ? ? ? ? ? ? ?color:yellow;
}
4.上面说的就是三种颜色的写法,上面讲的是前景色,所以下面就从背景色讲起了。
二,背景色
前面第一篇css初识就讲到元素是位于一个个盒子中,那我们设置的背景色background-color属性的设置就是盒子的背景色。
多数情况下背景色的默认是白色。
四,css透明度
1.opacity属性:它的属性值是介于0.0~1.0之间,opacity:0.4(就是40%的透明度)。
2.opacity属性允许指定的元素和其子元素。
3.rgba属性:rgba(255.255.0.0.4)。
五,HSL颜色
1.如 ? ?background-color:hsl(0,100%,100%);
上面分别对应色调,饱和度,明度。
六,HSLA颜色
上面我们说到hsl颜色,那如果我们在明度后面再加上透明度就是hsla颜色了。
OK,学完了就要应用你的网页,为你的网页添加活力。