Привет.
Вопрос по CSS. Я написал <strong style="font-size: 24px;font-family:arial;">Ёу</strong>
, а потом открыл девтулс и выдели этот строчный элемент. Получил это:
- Не понимаю, что это за выделенная область? Что за 26 пикселей, когда я указал 24 пикселя?. У строчного элемента есть строчный блок (равен высоте line-height), есть область содержимого (равна font-size), есть контейнер строки.
Модель 1
- У элемента есть область содержимого - это из модели контейнеров. Насколько я понимаю, на строчные элементы модель контейнеров тоже распространяется, так как можно те же margin, border, padding задать для строчного элемента. Как эти две модели взаимодействуют?
Модель 2
У модели контейнеров есть "область содержимого" и у модели чисто строчных элементов есть область содержимого (ее высота определяется как font-size).
line-height