当前位置:首页 > 前端开发 > 正文

html文字巨细, HTML文字巨细的基础知识

导语:1.运用`fontsize`特点:```html.textlarge{fontsize:24px;/设置文字巨细为24像素/}.textmedium{fon...

1. 运用`fontsize`特点: ```html .textlarge { fontsize: 24px; / 设置文字巨细为24像素 / } .textmedium { fontsize: 16px; / 设置文字巨细为16像素 / } .textsmall { fontsize: 12px; / 设置文字巨细为12像素 / } 这是大号文字

这是中号文字

这是小号文字

```

2. 运用相对单位: `em`:相对于当时字体巨细的单位,1em等于当时字体巨细。 `rem`:相对于根元素(``)的字体巨细的单位。 ```html .textlarge { fontsize: 1.5em; / 相对于当时字体巨细的1.5倍 / } .textmedium { fontsize: 1rem; / 相对于根元素字体巨细 / } .textsmall { fontsize: 0.75em; / 相对于当时字体巨细的0.75倍 / } 这是大号文字

这是中号文字

这是小号文字

```

3. 运用百分比: ```html .textlarge { fontsize: 150%; / 相对于当时字体巨细的150% / } .textmedium { fontsize: 100%; / 相对于当时字体巨细的100% / } .textsmall { fontsize: 75%; / 相对于当时字体巨细的75% / } 这是大号文字

这是中号文字

这是小号文字

```

HTML文字巨细设置攻略

在网页规划中,文字巨细是一个至关重要的元素,它不只影响用户的阅览体会,还关系到网站的全体布局和视觉效果。本文将具体介绍HTML中文字巨细的设置办法,帮助您更好地把握这一技术。

HTML文字巨细的基础知识

```html

免责申明:以上内容属作者个人观点,版权归原作者所有,如有侵权或内容不符,请联系我们处理,谢谢合作!
上一篇:css改动字体款式, 挑选适宜的字体 下一篇:vue数据双向绑定原理, 数据双向绑定的概念