2 года назад
Масштабирование в HTML, CSS
В прошлой статье мы разобрали как работает "margin". Осталось разобрать"padding". Но перед этим необходимо задать размеры информационного блока, что бы внутри него перемещать информацию. Для начала можем создать новый файл html и css, либо убрать прошлую информацию. Необходимо создать два блока. Первого назовем "page", а второй "box". <div class="page"> <div class="box"> </div> </div> Код должен выглядеть так: Переходим в css и прописываем следующий код: .page{ max-width: 500px; \\Максимальная...
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...