Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте, Михаил!
Столкнулся с такой проблемой - тегу body я задал свойство line-height: 3;
В теге body нанодятся контейнеры, к которым применяется свойство float: в этих контейнерах есть текст. И вот заметил такую вещь - свойство line-height: почему то не передается по наследству в контейнер, в которому применяется свойство float:
Хотя размер текста, тип текста, цвет - передаются по наследству в контейнер, в которому применяется свойство float: Свойство line-height: 3 в указанном случае не передается по наследству даже если написать line-height: 3 !important;
Заметил такую особенность - свойство line-height: не передается по наследству к контейнеру, к которому применяется float, когда в этом контейнере шрифт пишется в сокращенном виде, например, font: 12px arial Если написать так - font-size: 12px; font-family: arial то свойство line-height передается по наследству. Почему так происходит?
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Оба кода покажите.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Вот код - из селектора тег body свойство line-height: не передаются по наследству.
А если для текста вместо font: 14px arial; написать font-size: 14px; font-family: arial; то свойство line-height: передается по наследству
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Первая страница</title>
<style type="text/css">
body {
line-height: 3;
}
#content {
margin: 0 auto;
width: 400px;
}
.a1 {
float: left;
width: 200px;
font: 14px arial;
}
</style>
</head>
<body>
<div id="content">
<div class="a1">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie metus quis enim consectetur semper. </p>
</div>
<div class="a1">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie metus quis enim consectetur semper. </p>
</div>
</div>
</body>
</html>
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
font-size и line-height жёстко связаны друг с другом, поэтому по наследству line-height прекрасно передаётся, но использование у наследников font-size замещает line-height. Не может быть огромного шрифта, при этом мизерная высота строки, иначе возникнет противоречие, поэтому эти два свойства друг друга и переопределяют.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Большое спасибо за разъяснение!