урок верстка

Записи, помеченные ‘урок верстка’

Использование множественных фоновых изображений CSS: основы

С помощью кода CSS можно контролировать фон элементов. Можно задать свойство цвета фона или свойство изображения фона, или даже оба одновременно, чтобы выбрать и цвет, и изображение:
Далее... Нет комментариев »
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах

Если вы знаете точные значения ширины и высоты элемента, его можно расположить точно в центре его родительского элемента с помощью способа, описанного нами в уроке «Использование различных методов для размещения объекта ровно по центру»: задать значение верхнего и левого углов как 50% и отрицательные внешние отступы как половину высоты и ширины элемента. Этот способ отлично [...]
Далее... Нет комментариев »
Использование плавной прокрутки и ее недостатки

Создать плавную прокрутку сейчас намного легче, чем раньше. Если нужно, чтобы она постоянно присутствовала на веб-странице и можно, чтобы браузер отвечал за ее продолжительность, достаточно всего одной строки кода CSS:
Далее... Нет комментариев »
Использование тега span для разделения слов в ссылках в CSS

Нас заинтересовало, как проще всего записать ссылки, состоящие из нескольких слов. Мы пришли к выводу, что это возможно с помощью обычного тега и с использованием CSS.
Далее... 1 Комментарий »
Использование порядка расположения множественных фоновых изображений

Множественные фоновые изображения — интересная возможность CSS3. Синтаксис прост: нужно только разделить значения разных изображений запятой. Нам кажется, что проще и лучше использовать сокращенную запись свойства фона, в которой можно задать расположение, повторение и другие параметры, и при этом все будет сгруппировано и понятно.
Далее... 163 Комментариев »
Создание дизайна в стиле старых компьютерных терминалов

Недавно мы увидели демонстрацию под названием «Терминал HTML5». Нам понравилось, как она выглядит: размытый моноширинный шрифт с заметными полосами, как у экрана монитора, и светящийся зеленый фон.
Далее... Нет комментариев »
Использование таблиц стилей браузеров и значения CSS3 по умолчанию

Представьте, что вы создаете веб-страницу, используя только HTML, без прикрепления или применения файлов таблиц стилей CSS. Почему же при отображении сайта в браузере ссылки окажутся синими и подчеркнутыми, а текст в абзацах — черным? И почему по умолчанию внешний отступ у элемента заголовка верхнего уровня 14pt в браузере Internet Explorer и 0,67em в браузере Firefox?
Далее... Нет комментариев »
Различные методы для размещения объекта ровно по центру

Мы задались вопросом, какими способами можно разместить изображение, например, логотип на странице заглушки, ровно по центру веб-страницы и по вертикали, и по горизонтали. Для начала зададим изображению класс .centered (расположенный по центру) и зададим стили для этого класса:
Далее... Нет комментариев »
Создание необычных стилей для ссылок

Вы, разумеется, знаете, как выглядят ссылки по умолчанию: текст синего цвета с синим же подчеркиванием, одинаково изменяющие цвет при наведении указателя мыши. Есть и другой способ создать немного более интересный вид ссылок:
Далее... Нет комментариев »