<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

Рассчитан и на новичков, и на тех, кто уже знаком с основами, но хочет освоить полный цикл разработки.

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

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

Подпишитесь на мой канал на 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

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