Перейдем теперь к настройке остальных структурных элементов. За открывающим тегом обертки <div> следует первый структурный элемент HTML5, <header>. Этот элемент описывает главный заголовок нашей веб-страницы, который выводится вверху экрана. Для идентификации заголовка в коде используется атрибут id="main_header".
HTML5 можно представлять себе как здание, стоящее на трех опорах: HTML, CSS и JavaScript. Мы уже познакомились с элементами, входящими в HTML, и новыми свойствами, превращающими CSS в идеальный инструмент дизайнера. Читать далее
Каждый браузер по умолчанию связывает определенные стили с элементами HTML, однако эти стили не всегда соответствуют ожиданиям дизайнера. Если честно, в большинстве случаев они чрезвычайно далеки от того, что нам хотелось бы видеть на наших веб-сайтах. Читать далее
До сих пор мы делали то, что в определенном смысле противоречит принципам рассматриваемой модели. Мы не пользовались преимуществами, предлагаемыми гибкими элементами. Свойство box-flex поможет нам исследовать эти возможности.
API Canvas (Холст) — это API рисования, предоставляющий разработчику простую, но с большими возможностями поверхность для создания изображений. Читать далее
В CSS3 появились также новые псевдоклассы, еще больше увеличивающие точность выбора элементов.
Свойство outline — это старое свойство из спецификации CSS, которое в CSS3 было улучшено и теперь включает в себя значение сдвига. Данное свойство применяется для создания второй рамки, причем эта рамка может находиться на расстоянии от края элемента.
Следом за <header> идет очередной структурный элемент, <nav>, предназначение которого — обеспечивать навигацию по веб-сайту. Ссылки, сгруппированные внутри этого элемента, представляют собой меню нашего сайта. Читать далее
Как и при использовании CSS, существуют разные техники встраивания JavaScript-кода в документы HTML. Читать далее
Для того чтобы научиться создавать собственные хорошие макеты, необходимо сначала разобраться, каким образом браузеры обрабатывают код HTML. Каждый элемент HTML браузеры считают отдельным блоком. Веб-страница, фактически, представляет собой группу блоков, собранную воедино в соответствии с некоторыми правилами. Читать далее