字体大小设置
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-size
和color
属性,分别用于设置字体大小和字体颜色。字体大小可以使用绝对大小或相对大小,字体颜色可以使用颜色名称、RGB值或HEX值。