CSS字体大小增量 - 比例?

时间:2010-05-20 21:56:04

标签: css

我有几个已设置字体的元素 - 比如

  <div style="font-size: 10px">
    some text
    </div>

    <div style="font-size: 20p">
    some text
    </div>

我想要推广增加字体大小,例如

<div style="font-size: 15px">
..........................
<div style="font-size: 30px">

可能吗? div {font-size:whatever}只是覆盖了值

2 个答案:

答案 0 :(得分:3)

使用字体大小的相对单位将相对于父元素的字体大小缩放它们,但级联不提供说“相对于此覆盖的字体大小”的方式(并且它通常会变成如果有办法,那就完全搞乱了。)

答案 1 :(得分:3)

您的问题不明确:

<div id="fred" style="font-size: 10px">hello</div>
<div id="walt" style="font-size: 20px">there</dev>

国家的绝对大小是绝对的,没有任何东西可以改变那些绝对的措施,除了改变文字。这就是为什么许多文本建议建立一个正文字体和相对于它的大小:

<body style"font-size: 10px">
  <div id="joan", style="font-size: 100%">hello</div>
  <div id="mary", style="font-size: 200%">world</div>
</body>

会让“joan”10px和“mary”20px。将体型改为15px会使“joan”15px和“mary”30px。形成一个属性“cascade”。当然,所有这些都应该在样式块中完成,而不是在div属性中完成,但它会使这个答案不那么直接。