前言
在上周初步学习了CSS,了解了CSS的基本概念、语法以及如何创建CSS,这一周将进一步学习CSS的相关属性并初步认识BootStrap。
一、CSS常用属性
CSS的常用属性有很多,在这里我主要学习了如下属性。
1. CSS背景
CSS的背景属性用于定义HTML元素的背景。
背景颜色的background-color属性定义了元素的背景颜色。
页面的背景颜色使用在body的选择器中。
<style>
body
{
background-color:#b0c4de;
}
</style>
2. CSS颜色
CSS的颜色属性可以通过以下方法指定:
(1)十六进制颜色
所有主要浏览器都支持十六进制颜色值,指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色),所有值必须介于0和FF之间。
<style>
p
{
background-color:#ff0000;
}
</style>
(2)RGB颜色
RGB颜色值在所有主要浏览器都支持,其颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。
<style>
p
{
background-color:rgb(255,0,0);
}
</style>
(3)RGBA颜色
RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。
RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
<style>
p
{
background-color:rgba(255,0,0,0.3);
}
</style>
(4)HSL色彩
HSL代表色相,饱和度和亮度 - 使用色彩圆柱坐标表示,其颜色值指定:HSL(