Оглавление

Относительное изменение размеров и наследование

При применении любых методов относительного определения размеров элемента следует помнить о том, что элемент наследует это значение от родителя, и уже это значение следует подгонять для достижения требуемого результата. При этом следует с осторожностью использовать относительное задание размеров родительского элемента, поскольку при сложной организации контейнеров может быть непросто определить путь наследования. Рассмотрим следующий код:

 

<div>
<p>
Скачать <em>CMS XOOPS</em> вы можете по 
<a href="#">ссылке на <code>xoops.ws</code></a>
или на офсайте.
</p>
</div>

 
Допустим, для свойства font-size вышеприведенного текста требовалось задать значение 130% по отношению к размеру по умолчанию, и мы ошибочно сделали это следующим образом:

 

div, p, em, a, code {
font-size: 130%;
}

 

В результате размер шрифта вложенных элементов станет крупнее, составив 130% от размера родительского элемента, который, в свою очередь, составляет 130% от размера своего родительского элемента и т. д.,
как показано на рис. 2.4

 

 Относительное задание размера шрифта

Рис. 2.4. Относительное задание размера шрифта для вложенных элементов

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити