<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div{
font-size:20px
}
p{
font-size: 2em;
/* 2 * 20px */
}
</style>
</head>
<body>
高伟明你今天有点帅,呵呵
<div>
<p>高伟明你今天有点帅,呵呵</p>
</div>
</body>
</html>
<!--
文本大小的设置
属性:font-size
属性值:
- 属性值是一个数值,这个数值可以接单位(通常情况下-px)和不接单位(属性值为0的时候)
- 浏览器默认大小是16px
- 正常情况下,为了让用户更好的浏览网页,最小的字体大小建议设置成12px(是UI提供,建议UI不要提供比12px像素还小)
- 浏览器之间是存在差异的,把字体带下设置成偶数 12px 14px 16px ... 13px(内核:12px 14px)
- 在网页中除了px还有以下常用的单位
- em 是根据当前父级元素单位进行计算 1em = 16px
- pt 磅 在浏览器使用的较少,在一些硬件上使用的多 - 打印机
- rem 是相对于html根元素进行计算 - 移动端
-->