css font-size

时间:2023-03-28 21:18:53

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像素。然后,每个元素的字体大小都是基于根元素的相对大小。

相关词 字体大小