Главная
Портфолио
Полезности
FAQ
Контакты

Справочник верстальщика

Создай свой сайт!

HTML элементы

Основы

Веб-структура Теги Семантика Сохранение документа Цвет для сайта Типографика < >
Макеты

Одноколоночный макет Двухколоночный макет Трехколоночный макет <div>
Изображения

Вставка изображения Подписи к изображениям Карты изображений Форматы <img>
Ссылки

Вставка ссылки Якорь Псевдоссылки <a>
Списки

Нумерованный список Маркированний список Многоуровневый список <ul> <ol> <li>
Колонки

Две колонки Три колонки Четыре колонки <column>
Навигация

Горизонтальное меню Вертикальное меню Вкладки Аккордеон меню Креативное меню Хлебные крошки
Формы

Однострочное поле Многострочный текст Поле с паролем Поле со списком Переключатели Флажки Выбор цвета Виджет календаря Ползунок Поле для поиска Поле загрузки файлов
Разное

Вставка видео Вставка аудио Вставить PDF Скачать файл Спецсимволы Таблицы

CSS элементы

Основы

Подключение стилей CSS правило Селекторы Псевдоэлементы Псевдоклассы Единицы измерения Типографика
Фон

Фон цветом Фон изображением Линейный градиент Радиальный градиент Фон с прозрачностью Позиционирование фона Повторение фона
Границы

Типы границ Границы слева Границы справа Границы сверху Границы снизу Комбинирование границ
Тень

Построение тени Внутреняя тень Внешняя тень (четкая) Внешняя тень (размытая) Внешняя тень (равномерная) Внешняя тень (широкая)
Скругление

Скругление со всех сторон Скругление на 5% Скругление на 15% Скругление одного угла Скругление противоположных углов Круг Овал Лепесток Капля
Трансформация

Перемещение (горизонтально) Перемещение (вертикально) Увеличивание Уменьшение Вытягивание по вертикали Вытягивание по горизонтали Поворот на 20 градусов Поворот на 360 градусов Перекос
Позиционирование

Абсолютное Фиксированое Относительное Плавающие блоки Внутренние отступы Внешние отступы Слои
Готовые решения

Кнопки Блоки Галерея Слайдер Модальное окно Анимация

Спецсимволы