站内搜索:
首页 >> 前端 >> 内容
px~em~pt转换表代码示例

时间:2018/2/24 14:09:16

px~em~pt转换表

px~em~pt转换表代码示例

em的计算是相对的。

1、代码

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>em演示</title>  
    <style type="text/css">  
        p {  
            font-size: 3em;  
        }  
  
        p {  
            font-size: 2em;  
        }  
  
    </style>  
</head>  
<body>  
<p>I love you. ~3em</p>  
  
<p>  
    I love you. ~2em  
    <p>I love you. ~6em</p>  
</p>  
</body>  
</html>  

2、效果

px~em~pt转换表代码示例

3、解释

px~em~pt转换表代码示例

  • 上一篇:hover伪类示例(实现代码)
  • 下一篇:超链接的伪类选择器(修改代码教程)
  • 返回顶部