css里怎样设置字体大小和字体颜色

字体大小设置

CSS中设置字体大小可以使用font-size属性,该属性的值可以使用绝对大小或相对大小。

绝对大小

绝对大小指的是固定的大小,跟用户的浏览器设置无关。绝对大小有以下几种:

xx-small

x-small

small

medium(默认值)

large

x-large

xx-large

在CSS中使用绝对大小设置字体大小的代码如下:

p {

font-size: medium;

}

相对大小

相对大小指的是根据父元素或文本大小调整字体大小。相对大小有以下几种:

smaller

larger

1em(等于父元素的字体大小)

2em(等于父元素的字体大小的两倍)

等等

在CSS中使用相对大小设置字体大小的代码如下:

p {

font-size: 1.2em;

}

需要注意的是,使用相对大小设置字体大小时需要谨慎,因为使用这种方式设置的字体大小会受到父元素的影响,如果父元素的字体大小发生了改变,那么子元素的字体大小也会相应地改变。

字体颜色设置

CSS中设置字体颜色可以使用color属性,该属性的值可以使用颜色名称、RGB值或HEX值。

颜色名称

在CSS中使用颜色名称设置字体颜色的代码如下:

p {

color: red;

}

RGB值

在CSS中使用RGB值设置字体颜色的代码如下:

p {

color: rgb(255, 255, 0);

}

HEX值

在CSS中使用HEX值设置字体颜色的代码如下:

p {

color: #ff0000;

}

需要注意的是,不同浏览器对颜色定义的支持可能有所不同,因此最好使用通用的颜色名称或HEX值。

总结

在CSS中设置字体大小和字体颜色可以使用font-sizecolor属性,分别用于设置字体大小和字体颜色。字体大小可以使用绝对大小或相对大小,字体颜色可以使用颜色名称、RGB值或HEX值。