CSS字体大小属性用于设置HTML元素中字体的大小。它允许您使用不同的单位,如像素、ems、rems和百分比来指定字体的大小。
使用font-size属性的语法如下:
选择器 {font-size: 值;}
这里,“选择器”是要应用字体大小属性的HTML元素。“值”是您要设置的字体大小。
例如,要将所有段落的字体大小设置为16像素,您将使用以下CSS代码:
p {font-size: 16px;}
您还可以使用其他单位,如ems或百分比来设置字体大小。例如,要将所有段落的字体大小设置为1.2 ems,您将使用以下CSS代码:
p {font-size: 1.2em;}
使用百分比,您可以将字体大小相对于父元素的大小设置。例如,要将所有段落的字体大小设置为其父元素字体大小的120%,您将使用以下CSS代码:
p {font-size: 120%;}
font-size CSS实例
以下是一些使用CSS font-size属性的示例:
1、设置段落字体大小为16像素:
p {font-size: 16px;}
2、将标题字体大小设置为2em:
h1 {font-size: 2em;}
3、将导航菜单字体大小设置为0.8em:
.nav-menu {font-size: 0.8em;}
4、将页面正文中所有链接的字体大小设置为120%:
a {font-size: 120%;}
5、将页面中所有元素的字体大小设置为基于根元素的相对大小:
html {font-size: 16px;}
body {font-size: 1rem;}
h1 {font-size: 2rem;}
p {font-size: 1.2rem;}
在上述示例中,rem单位是相对于根元素(即html元素)的字体大小。在这个例子中,根元素的字体大小设置为16像素,因此1rem等于16像素。然后,每个元素的字体大小都是基于根元素的相对大小。