/* 示例 */ p { color: red; font-size: 16px; line-height: 1.5; }
在上面的代码中,p标签被定义了三个属性,分别是color、font-size和line-height。每一个属性的取值都是一个声明值。下面大家分别来谈一下这三个属性的声明值。
color
color属性的声明值是用来定义文字颜色的。在CSS中,color属性的取值可以是一个具体的颜色名称,也可以是一个HEX或RGB值。例如:
/* 示例 */ color: red; color: #000; color: rgb(0,0,0);
font-size
font-size属性的声明值是用来定义文字大小的。在CSS中,font-size属性的取值可以是一个具体的字号,也可以是一个相对的值,例如em和rem。例如:
/* 示例 */ font-size: 16px; font-size: 1.5em; font-size: 2rem;
line-height
line-height属性的声明值是用来定义文字行间距的。在CSS中,line-height属性的取值可以是一个具体的数值,也可以是一个相对的值,例如em。例如:
/* 示例 */ line-height: 1.5; line-height: 1.2em;
通过这些示例,大家可以看到,在CSS中声明值的灵活运用,可以让大家更方便、准确地定义元素的样式,进而让网页变得更加优美、美观。