CSS - px、em、%
2024-09-06 22:21:06
px(像素)、em、% 百分比
1. em
1.1 本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。
实现段落首行缩进 24px(也就是两个字体大小的距离)
p{font-size:12px;text-indent:2em;}
1.2 但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础
html:
<p>以这个<span>例子</span>为例。</p>
CSS:
p{font-size:14px}
span{font-size:0.8em;}
结果 span 中的字体“例子”字体大小就为 11.2px(14 * 0.8 = 11.2px)。
2. 百分比%
设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。
p{font-size:12px;line-height:130%}
最新文章
- js~~给网站图片添加水印~~~
- Android BadgeView使用
- MacOS 10.8更新SVN到1.8.4的问题和解决方法
- iOS 开发技巧-制作环形进度条
- java开发bug 在启动Tomcat 6.0时发现第一条信息便是
- 理解KMP
- 【阿里云产品公测】利用PTS服务优化网站数据库读写性能
- hdu4778:状压dp+博弈
- 数据结构:循环队列(C语言实现)
- 关于极光推送在手机系统低于iOS10的手机上闪退的问题。
- 一天搞定CSS:文本text--05
- web storage 离线存储
- Linux中使用Apache发布html网页
- having 的使用
- poj 1321 棋盘问题 (DFS深度优先搜索)
- Linux基础命令---lpc打印机控制
- serial front_door signment and gps signment
- 使用python删除一个文件或文件夹
- spring+spring mvc+JdbcTemplate 入门小例子
- IDEA00 IDEA知识点汇总