CSS em:字体高度
em 是 CSS 中的一个相对单位,用来设置 HTML 元素相对字体的高度,它能够根据字体的 font-size 属性值来确定具体的大小。1em 等于一个 font-size 的大小。
【示例1】在下面样式中定义段落文本行高为字体大小的 2 倍。
如果设置 font-size 属性的单位为 em,则 em 的值将根据父元素的 font-size 属性值来确定。
例如有下面的 HTML 结构:
同理,如果父对象的 font-size 属性的单位也为 em,则将依次向上级元素寻找参考的 font-size 属性值,如果都没有定义,则会根据浏览器默认字体进行换算,默认字体一般为 16px。
【示例1】在下面样式中定义段落文本行高为字体大小的 2 倍。
p{ /*设置段落文本属性*/ font-size: 12px; line-height: 2em; /* 行高为24px */ }从上面样式代码中可以看出:一个 em 等于 font-size 的属性值,如果设置
font-size: 12pt
,则line-height: 2em
就会等于 24pt。如果设置 font-size 属性的单位为 em,则 em 的值将根据父元素的 font-size 属性值来确定。
例如有下面的 HTML 结构:
<div id="main"> <p>em 相对长度单位使用</p> </div>为它设置如下的 CSS 样式:
#main { font-size: 12px; } p { font-size: 2em; }则 p 元素里面的字体大小将为 24px。
同理,如果父对象的 font-size 属性的单位也为 em,则将依次向上级元素寻找参考的 font-size 属性值,如果都没有定义,则会根据浏览器默认字体进行换算,默认字体一般为 16px。
所有教程
- socket
- Python基础教程
- C#教程
- MySQL函数
- MySQL
- C语言入门
- C语言专题
- C语言编译器
- C语言编程实例
- GCC编译器
- 数据结构
- C语言项目案例
- C++教程
- OpenCV
- Qt教程
- Unity 3D教程
- UE4
- STL
- Redis
- Android教程
- JavaScript
- PHP
- Mybatis
- Spring Cloud
- Maven
- vi命令
- Spring Boot
- Spring MVC
- Hibernate
- Linux
- Linux命令
- Shell脚本
- Java教程
- 设计模式
- Spring
- Servlet
- Struts2
- Java Swing
- JSP教程
- CSS教程
- TensorFlow
- 区块链
- Go语言教程
- Docker
- 编程笔记
- 资源下载
- 关于我们
- 汇编语言
- 大数据
- 云计算
- VIP视频