Структура тела документа (код между тегами <body>) определяет его видимую часть. Именно в этом коде находится содержимое веб-страницы.
Язык HTML с самого начала предлагал разные способы построения и организации информации в теле документа. Один из первых элементов, выполняющих эту функцию, — <table>. Читать далее
В CSS3 встроено еще одно свойство, относящееся к структуре и традиционной блочной модели. Свойство box-sizing позволяет менять способ расчета размера элемента: например, можно заставить браузер считать ширину забивки и рамки частью исходного размера элемента.
Этот метод возвращает первый элемент, соответствующий описанной в круглых скобках группе селекторов. Селекторы объявляются в кавычках с использованием синтаксиса CSS, как в листинге 4.4.
Объявление стилей в «голове» документа экономит пространство и делает код более единообразным, а его поддержку — удобной, однако требует создания копии стилей в каждом документе веб-сайта. Гораздо лучшее решение — переместить все стили во внешний файл. После этого с помощью элемента <link> данный файл можно будет вставить в любой документ, требующий применения стилей. Читать далее
Итак, у нас есть симпатичные углы, и мы готовы попробовать нечто большее. Еще один великолепный эффект, которого было чрезвычайно трудно добиться, — это тени. Читать далее
Начнем с простейших правил, которые обеспечат единообразие дизайна.
Аналогично старым свойствам top и left, функция translate перемещает элемент на экране на новое место.
Несмотря на то что все дизайнеры создают собственные шаблоны страниц, почти любой веб-сайт можно разбить на следующие основные разделы.
В верхней области, обозначенной «Заголовок», обычно находится логотип, название, подзаголовок и краткое описание веб-сайта или веб-страницы.
Главное назначение блочной модели — обеспечивать механизм разбиения оконного пространства на отдельные блоки и создания строк и столбцов, которые и составляют основу дизайна обычной веб-страницы. Однако традиционная блочная модель, используемая еще со времен первой версии CSS и широко распространенная по сей день, не слишком хорошо справляется с этой задачей. Читать далее
В отличие от предыдущего метода, querySelectorAll() возвращает все элементы, соответствующие группе селекторов, указанной в круглых скобках. Возвращаемое значение представляет собой массив, содержащий все найденные элементы в том порядке, в котором они находятся в документе.