Возможности, которые мы изучали до сих пор, в значительной степени изменили Сеть, но никак не повлияли на ее статичность. Однако мы можем воспользоваться преимуществами комбинирования трансформаций и псевдоклассов и превратить нашу страницу в динамическое приложение.
Целью разработки HTML5 было упрощение, уточнение и организация кода. Для этого были добавлены новые теги и атрибуты, а сам язык HTML объединен с CSS и JavaScript. Но такие усовершенствования не только привели к появлению новых элементов, они коснулись и уже существующих.
<mark> Читать далее
Как видите, блоки соответствуют нормальному потоку документа и выводятся слева направо по горизонтали и сверху вниз по вертикали. Однако нормальный поток можно поменять на обратный, применив свойство box-direction (листинг 2.48, рис. 2.5).
Во избежание сложностей, связанных с применением строчной техники, события следует регистрировать в коде JavaScript. Используя селекторы JavaScript, мы можем сослаться на элемент HTML и связать с этим элементом желаемый обработчик события, представив его как свойство.
Атрибут id — это что-то вроде имени, идентификатор элемента. Это означает, что значение данного атрибута не может повторяться в документе. Во всем документе имя элемента должно быть уникальным.
Градиенты — одна из самых привлекательных новинок в CSS3. Их почти невозможно было реализовать с помощью техник предыдущего поколения, но в CSS3 это делается легко и просто. Читать далее
Первый элемент в блочной модели — это всегда <body>. Обычно содержимое данного элемента по тем или иным причинам необходимо размещать горизонтально. Читать далее
Теперь мы можем с легкостью украшать наши страницы прекрасными эффектами с динамическими трансформациями. Однако для создания настоящей анимации необходимо определять переходы между соседними шагами процесса.
В спецификации HTML5 ответственность за структуру документа лежит на HTML, и для этих целей в языке HTML появился целый набор новых элементов. Кроме того, есть также несколько элементов, используемых исключительно для оформления. Далее приведен список наиболее важных, по нашему мнению, элементов.
Порядок дочерних блоков можно настраивать совершенно произвольно. Свойство box-ordinal-group позволяет определить место каждого отдельного блока.