Теги: HTML

Bootstrap 3. Компонент «Панель»

Для удобного выделения блоков с текстом предусмотрен компонент «Панель». Чтобы создать панель, необходимо заключить текст в блочный элемент div с классом panel-body. Который, в свою очередь, заключить в ещё один блочный элемент div с классами panel и panel-default.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Кнопки и группы кнопок

Кнопка — элемент интерфейса, представляющий собой прямоугольник, нажатие на который приводит к выполнению некоторого действия. Кнопки используются в HTML-формах, диалоговых окнах, меню и других частях веб-страниц. Создание кнопку можно путем добавления классов btn и btn-default к элементу a или button.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Оформление списков

Для стилизации маркированных и нумерованных списков предназначены классы list-unstyled и list-inline. Класс dl-horizontal позволяет разместить элементы списка определений в одну строку. Классы list-group и list-group-item позволяют создать красивое вертикальное меню.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Стилизация таблиц

Для стилизации таблиц предназначены классы table, table-striped, table-bordered, table-hover, table-condensed. Для выделения строки или ячейки таблицы можно использовать классы active, info, success, warning, danger. Для создания адаптивной таблицы предназначен класс table-responsive.
Категория: Web-разработкаHTML и CSS

Bootstrap 3. Контейнер и сетка

Bootstrap 3 — это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрого создания адаптивных дизайнов сайтов. В сущности — это просто набор сss- и js-файлов. После подключения этих файлов к странице станут доступны большое количество готовых классов и компонентов.
Категория: Web-разработкаHTML и CSS

CSS. Селекторы псевдо-элементов

Псевдо-элементы позволяют стилизовать определенные части документа. Например псевдо-элемент ::first-line предназначен для добавления стилей только к первой строке указанного элемента. В спецификации CSS3 псевдо-элементы начинаются с двойного двоеточия.
Категория: Web-разработкаHTML и CSS

CSS. Селекторы атрибутов

Многие теги различаются по своему действию в зависимости от того, какие в них используются атрибуты. Например, тег input может создавать кнопку, текстовое поле всего лишь за счёт изменения значения атрибута type. Чтобы гибко управлять стилем подобных элементов, в CSS введены селекторы атрибутов.
Категория: Web-разработкаHTML и CSS

Выравнивание по высоте плавающих блоков

Одинаковая высота плавающих блоков является насущной проблемой при разработке дизайна сайта, средствами css это делать не удобно, т.к. требует специальной верстки. Давайте напишем скрипт, который будет динамически устанавливать одинаковую высоту блоков на странице по самому высокому.
Категория: Web-разработкаHTML и CSS

Центрирование элементов по вертикали

Центрирование элементов по вертикали с помощью CSS является задачей, которая представляет определенную трудность для разработчиков. Да, для вертикального выравнивания в CSS есть специальное свойство vertical-align с множеством значений. Однако на практике оно работает совсем не так, как ожидается.
Категория: Web-разработкаHTML и CSS

Как прижать footer к низу страницы

Задача прижать footer к низу окна браузера — это одна из самых часто встречаемых задач при верстке. В общем, ситуация следующая: на странице есть три области: шапка, основной контент и подвал. Бывают страницы, в которых основной контент занимает совсем немного места и, в итоге, они начинают выглядеть примерно вот так…
Категория: Web-разработкаHTML и CSS
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.