Каждый элемент в DOM-дереве напоминает прямоугольник, который имеет фоновый слой, он может быть либо полностью прозрачным, либо цветным, либо содержать изображение. Этот фоновый слой находится под контролем 8 свойств CSS (плюс 1-го сокращённого свойства).
Bootstrap 4 готовит для нас некоторые изменения в системе сеток, с которыми мы все так хорошо знакомы с 3-й версии. Теперь она включает в себя новый уровень XL, также изменились некоторые классы модификаторов, и была добавлена совершенно новая сетка на основе flexbox.
В адаптивном веб-дизайне изображения одни из тех вещей, которые трудно поддаются оптимизации для различных устройств. До сравнительно недавнего времени, подстановка различных изображений, основываясь на размере экрана или плотности пикселей, было довольно нетривиальной задачей.
Псевдо-класс :target относится к элементу внутри документа, идентификатор которого указан в URL-адресе после символа #. Например, этот фрагмент текста обернут в тег <mark>, который имеет идентификатор #target-test. Если вы перейдете по URL, http://www.webmasters.by/articles/html-coding/3484-target-trick.html#target-test, то к этому элементу и будут применены стили, определенные для псевдо-класса :target этого элемента.
Используя этот псевдо-класс, мы можем, например, создать различные интерактивные элементы на странице без необходимости использования JavaScript. Вот несколько подобных примеров.
В старых версиях HTML мы имели ограниченный контроль над историей браузера. Мы могли только перемещаться по ней назад и вперед, используя доступные методы, вот и всё.
С HTML5 API history, у нас появилось больше контроля над историей браузера. Например, у нас есть возможность добавить запись в историю, или изменить URL в адресной строке без перезагрузки страницы.
Сегодня мы продолжаем обзор возможностей Bootstrap 3 и рассмотрим компонент NavBar. Этот компонент позволит вам создать меню любой сложности, которое будет функционировать на любом устройстве, будь то стационарный компьютер или смартфон. Давайте для начала посмотрим, как этот элемент выглядит на разных устройствах.