Одним из важнейший CSS-свойств является display. Оно позволяет переопределять тип отображения элемента не изменяя семантику кода. Рассмотрим основные значения этого свойства: Задачи Задачи на добавление всего одной строки кода. Смотрите HTML-код, подумайте, какое CSS-свойство спасёт ситуацию. Поиграйтесь со значениями этого свойства. Все необходимые для выполнения задачи знания описаны в этой главе. 1. Напишите CSS-код, позволяющий скрыть этот элемент Посмотреть задачу 2. Не меняя HTML-кода, сделайте так, чтобы каждое предложение начиналось с новой строки Посмотреть задачу 3...

Введение в свойство display: block Свойство display: block используется для определения типа отображения элемента как блочного. Когда элементу присваивается это свойство, он занимает всю доступную горизонтальную ширину и располагается на новой строке. Основное понятие свойства display: block заключается в том, что элемент, на который оно применено, будет рассматриваться как блочный элемент, а не строчный или инлайновый. Блочные элементы могут содержать другие элементы внутри себя и образовывать блоки в потоке документа...

Здесь поговорим про правило display, о том как располагаются строчные HTML элементы относительно друг друга . Объясним причины появления пресловутых пробелов и методы борьбы с ними. Немного затронем правила внешних и внутренних отступов. Правило display может принимать несколько значений и каждое значение значительно влияет на свойства отображения элемента к которому оно применено. Разберем тут строковое отображение. SPAN Для многих HTML элементов по умолчанию правило display определено как inline...

Тут поговорим об одном из-самых популярных способов делать верстку в ie7 и выше. Ранее мы обсуждали поведение блочных и инлайновых элементах и у них есть свои недостатки. Для блочных элементов это текучесть текстов внутри них и не всегда ожидаемое поведение в плане обтекания внутренним содержимым других блоков. Для инлайновых элементов это проблемы связанные с высотой линии, которой не так то просто управлять не задевая при этом размеры шрифтов. Задача Все эти проблемы не позволяют решить задачу вертикального позиционирования динамических элементов...