关于css:css图文样式-lineheight如何继承

css款式

body{
   font-size:20px;
   line-height:30px;
}
p{
   background:#ccc;
   font-size:16px;
}

html

<body>
  <p>这是一段文字</p>
</body>

注解:~~~~

  1. 如果body元素中line-height:30px;则p元素line-height:30px;
  2. 如果body元素中line-height:1.5;则p元素line-height:24px;(p 元素的font-size乘body元素的line-height)
  3. 如果body元素中line-height:200%;则p元素line-height:40px; (body元素的font-size乘body元素的line-height)

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理