Слои «Создание Web-сайтов». Тэг-контейнер для создания слоя Содержимое слоя.

Презентация:



Advertisements
Похожие презентации
Каскадные таблицы стилей CSS Блоковая модель. Синтаксис CSS.
Advertisements

Стиль маркера list-style-type: circle | … | none | inherit Маркированный список circle маркер в виде кружка; disc маркер в виде точки; square маркер в.
CSS Cascading Style Sheets. Структура css селектор { свойство1: значение1; свойство2: значение2; }
Троицкий Д.И. Интернет-технологии1 ЯЗЫК HTML (продолжение) Лекция 4 Кафедра «Автоматизированные станочные системы» Dept. of Automated Manufacturing Systems.
Вставка изображений в Web-страницы. - тег вставки изображения в документ Изображение появится в том месте документа, в котором записан этот тэг. Команда.
ВОПРОСЫ: 1. Позиционирование 2. Иерархия кода страницы 3. Абсолютное позиционирование 4. Относительное позиционирование 5. Смешанное позиционирование.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
Вставка изображений.. Могут размещаться графические файлы трёх форматов GIF, JPG, PNG. Для вставки изображения используется тэг с атрибутом SRC, который.
CSS Cascading Style Sheet. CSS это правила как должен выглядеть HTML. Существуют три типа правил CSS 1. HTML селектор - текстовая часть HTML тэга. P селектор.
Каскадные таблицы стилей Блочные и строковые элементы.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Учебный курс Введение в HTML и CSS Лекция 6 Текст и списки. Позиционирование кандидат технических наук Павел Брониславович Храмцов
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Основные свойства объектов Объектами называются форма и элементы управления, переносимые с панели элементов на форму. Внешний вид, форму, размеры, положение.
HTML Язык гипертекстовой разметки страниц. Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы.
Форматирование текста и размещение графики.
Динамический HTML (dynamic HTML или DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначения HTML-страниц.
Транксрипт:

Слои «Создание Web-сайтов»

Тэг-контейнер для создания слоя Содержимое слоя

Параметры и значения атрибута STYLE для слоев

Параметр position Определяет расположение слоя внутри окна static Неперемещаемый слой. Нормальное расположение слоя внутри HTML-документов absolute Слой с заданными координатами relative Слой, сдвинутый относительно нормального расположения

Параметры left и top Задают сдвиг слоя Для слоя absolute – относительно окна браузера. Для слоя relative – относительно нормального расположения в документе.

Параметры width и height Определяют размер слоя по ширине и высоте.

Параметр overflow visibleОтображается все содержимое слоя. hiddenОбрезанный слой. Без полос прокрутки. Границу задает clip. scrollУсекает слой и всегда выводит две полосы прокрутки. autoУсекает слой и по необходимости выводит полосу прокрутки

Параметр clip для слоев, имеющих свойство overflow со значением, отличным от visible. autoОбласть обрезается под размер указанный, в width и height. rectОбласть обрезается под заданный размер. Пример: clip: rect(5px, -5px, 10px, 5px);

Параметр z-index Определяют порядок наслоения слоев. У самого нижнего индекс равен 1.

Параметр visibility Задает видимость слоя. visibleВидимый слой hiddenНевидимый слой inheritДля слоя, расположенного внутри другого слоя. Наследует свойство видимости от внешнего слоя.

Пример Содержимое слоя