Использование метода addEventListener () — это идеальная техника, к тому же стандартизированная в спецификации HTML5. Данный метод принимает три аргумента: тип события, исполняемую функцию и булево значение (значение логического типа).
Более предпочтительный вариант, чем использование атрибута id, — ссылаться при определении стилей элементов на атрибут class. Это более гибкий атрибут, который можно связать со всеми содержащимися в документе элементами HTML, требующими одинакового дизайна.
Стандартный синтаксис для радиальных градиентов отличается от рассмотренного синтаксиса линейного градиента всего в нескольких аспектах. Необходимо использовать функцию radial-gradient() и новый атрибут, определяющий форму.
Теперь нам нужно указать максимальный либо фиксированный размер содержимого «тела» документа. Как вы наверняка помните, в листинге 2.25 мы добавили к шаблону элемент <div>, обрамляющий все содержимое. Он и будет считаться главным блоком, внутри которого находятся все основные элементы. Читать далее
В CSS3 появились новые свойства, позволяющие создавать визуальные и динамические эффекты, которые сегодня считаются неотъемлемой частью Сети:
Как мы уже объясняли, новая спецификация HTML охватывает не только теги, она выходит за пределы обычного кода HTML. Сеть предъявляет высокие требования не только к структурной организации и определению разделов, но и к дизайну и функциональности. Читать далее
Свойство box-pack указывает, каким образом в родительском блоке размещаются дочерние блоки и учитывается свободное пространство (листинг 2.51). Данное свойство может принимать четыре значения: start, end, center и justify.
Если вы раньше уже занимались программированием или хотя бы внимательно прочитали первую половину главы, то обратили внимание на то, сколько кода требуется для выполнения простых задач. Читать далее
Описанных способов обращения к элементам HTML-документа достаточно для обработки большинства ситуаций, однако иногда возникает необходимость найти определенный элемент и поменять стиль только для него. В последних версиях CSS появились новые способы определения ссылок на элементы HTML. Читать далее
Точно так же, как rgba() добавляет к старой функции rgb() значение непрозрачности, hsla() делает это для функции предыдущего поколения hsl().
Функция hsla() — всего лишь очередной инструмент генерации цвета элемента, но его преимущество в том, что он интуитивно понятнее, чем rgba(). Читать далее