Урок 6.1. Блоки в CSS. Блочные и строчные элементы
Background (часть 2)
Продолжаем говорить про свойство background. CSS код .block{ background-image: url('img/background/avatar.jpg');background-repeat: no-repeat;background-position: 0 0; } или так .block{ background: url('img/background/avatar.jpg') top left no-repeat; } Можно и так .block{ background: url('img/background/avatar.jpg') 0 0 no-repeat; } Размещение по центру элемента CSS код .block{ background-image: url('img/background/avatar.jpg');background-repeat: no-repeat;background-position: 50% 50%; } или так .block{ background: url('img/background/avatar.jpg') center no-repeat; } можно итак .block{ background: url('img/background/avatar...
CSS блоки: inline-block
Тут поговорим об одном из-самых популярных способов делать верстку в ie7 и выше. Ранее мы обсуждали поведение блочных и инлайновых элементах и у них есть свои недостатки. Для блочных элементов это текучесть текстов внутри них и не всегда ожидаемое поведение в плане обтекания внутренним содержимым других блоков. Для инлайновых элементов это проблемы связанные с высотой линии, которой не так то просто управлять не задевая при этом размеры шрифтов. Задача Все эти проблемы не позволяют решить задачу вертикального позиционирования динамических элементов...