W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> p { font-size: 16px; line-height: 2em; } div { font-size: 30px; border: 1px solid black; } span { font-size: 0.5em; } </style> </head> <body> <p>这些段落的 line-height 这样计算：2x16px = 32px。</p> <p>这些段落的 line-height 这样计算：2x16px = 32px。</p> <p>这些段落的 line-height 这样计算：2x16px = 32px。</p> <div>这个 div 元素的 font-size 被设置为 30px。<span>div 元素内部的 span 元素的 font-size 为 0.5em，其等于 0.5x30 = 15px。</span></div> </body> </html>