📅  最后修改于: 2023-12-03 15:15:25.442000             🧑  作者: Mango
在 CSS 中,可以使用 font-size
属性来设置文本的大小。通过调整字体大小,可以影响到网站设计的整体风格和页面布局。
selector {
font-size: value;
}
font-size
属性可接受多种值,包括:
px
、pt
等。em
、rem
等。100%
、200%
等。示例:
body {
font-size: 16px;
}
h1 {
font-size: 2em;
}
p {
font-size: 120%;
}
em
、rem
),以便在不同的分辨率下保持一致的字体大小。px
、pt
),因为这些单位对于不同的屏幕分辨率或打印机可能会产生不同的效果。下面是一个简单的示例,展示如何使用 font-size
属性来设置字体大小:
<!DOCTYPE html>
<html>
<head>
<title>CSS 字体大小</title>
<style>
body {
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
font-size: 2em;
}
p {
font-size: 120%;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一段文本。</p>
</body>
</html>
通过调整 font-size
属性,可以更好地控制网站的整体风格和页面布局。建议使用相对单位,以确保在不同的屏幕分辨率或打印机上都能保持一致的字体大小。