<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

свойство line-height:
05.04.2013 03:41:28 свойство line-height: Сообщение #1
Дмитрий184

Дмитрий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 передается по наследству. Почему так происходит?
Профиль
05.04.2013 11:21:12 свойство line-height: Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Оба кода покажите.
Профиль
05.04.2013 17:30:25 свойство line-height: Сообщение #3
Дмитрий184

Дмитрий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>
Профиль
05.04.2013 21:19:51 свойство line-height: Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

font-size и line-height жёстко связаны друг с другом, поэтому по наследству line-height прекрасно передаётся, но использование у наследников font-size замещает line-height. Не может быть огромного шрифта, при этом мизерная высота строки, иначе возникнет противоречие, поэтому эти два свойства друг друга и переопределяют.
Профиль
05.04.2013 22:49:38 свойство line-height: Сообщение #5
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Большое спасибо за разъяснение!
Профиль