css怎么做字体大小
导读:CSS中可以通过给HTML元素设置font-size属性来控制字体大小,如下所示:p { font-size: 16px; // 设置段落字体大小为16像素}h1 { font-size: 32px; // 设置一级标题字体大小为32像...
CSS中可以通过给HTML元素设置font-size属性来控制字体大小,如下所示:
p {
font-size: 16px;
// 设置段落字体大小为16像素}
h1 {
font-size: 32px;
// 设置一级标题字体大小为32像素}
除了使用像素作为单位,还可以使用em、rem、百分比等单位来设置字体大小。
- em: em是相对于父元素字体大小的单位,如下所示:
- rem: rem是相对于根元素字体大小(即html元素)的单位,如下所示:
- 百分比: 百分比是相对于父元素字体大小的单位,如下所示:
body {
font-size: 16px;
// 设置全局字体大小为16像素 }
h1 {
font-size: 2em;
// 设置字体大小为父元素字体大小的2倍,即32像素 }
html {
font-size: 16px;
// 设置根元素字体大小为16像素 }
h1 {
font-size: 2rem;
// 设置字体大小为根元素字体大小的2倍,即32像素 }
body {
font-size: 16px;
// 设置全局字体大小为16像素 }
h1 {
font-size: 200%;
// 设置字体大小为父元素字体大小的200%,即32像素 }
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css怎么做字体大小
本文地址: https://pptw.com/jishu/537022.html
