Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему VI. Блоки II. Области таблиц

Содержание

Области таблицгруппы строк display: table-row-group, table-header-group, table-footer-groupэлементы tbody, thead, tfoot обязательно в HTML, необязательно в XHTMLтаблица display: tableэлемент table обязательногруппы граф (столбцов) display: table-column-groupэлементы colgroup необязательнографы (столбцы) display: table-columnэлементы col необязательностроки display: table-rowэлементы tr обязательноячейки display:
VI. Блоки IIОбласти таблицЕстественная ширина областиЭлементы таблицСпискиГенерируемое содержаниеЭлемент object — внедрение объектов Области таблицгруппы строк display: table-row-group, table-header-group, table-footer-groupэлементы tbody, thead, tfoot обязательно в Элемент table — таблицаborder-collapse — режим соединения рамокseparate (начальное значение), collapsetable-layout — Естественная ширина области («shrink-to-fit» width)Применение (при номинальном значении auto):таблицы (display: table;)обтекаемые элементы, Элементы таблицcaptionсвойство caption-side: top (начальное значение), bottomcol, colgroupатрибут span — количество графсвойства Области списковПункт списка — display: list-item; (по умолчанию — элементы li)Свойства областей Свойства списковlist-style-type — вид маркеровnonedisc (начальное значение), circle, squaredecimal, decimal-leading-zero, lower-roman, upper-roman, Генерируемое содержаниеПсевдоэлементы ::before и ::afterСвойство contentАвтоматическая нумерация:свойства counter-reset, counter-incrementсвойство content: значения counter, Элемент object — внедрение объектов … замещающий текст или код
Слайды презентации

Слайд 2 Области таблиц






группы строк display: table-row-group, table-header-group, table-footer-group
элементы tbody, thead, tfoot обязательно в

Области таблицгруппы строк display: table-row-group, table-header-group, table-footer-groupэлементы tbody, thead, tfoot обязательно

HTML, необязательно в XHTML
таблица display: table
элемент table обязательно
группы граф (столбцов) display: table-column-group
элементы

colgroup необязательно

графы (столбцы) display: table-column
элементы col необязательно

строки display: table-row
элементы tr обязательно

ячейки display: table-cell
элементы td, th обязательно

Слайд 3 Элемент table — таблица
border-collapse — режим соединения рамок
separate

Элемент table — таблицаborder-collapse — режим соединения рамокseparate (начальное значение), collapsetable-layout

(начальное значение), collapse
table-layout — режим формирования таблицы
auto (начальное значение),

fixed
empty-cells — отображение пустых ячеек
применяется к ячейкам, наследуется
show (начальное значение), hide
border-spacing — зазоры между ячейками
только при border-collapse: separate;
проценты и отрицательные значения не допускаются
одно значение — зазоры со всех сторон, два значения — горизонтальные и вертикальные зазоры

Слайд 4 Естественная ширина области («shrink-to-fit» width)
Применение (при номинальном значении auto):
таблицы

Естественная ширина области («shrink-to-fit» width)Применение (при номинальном значении auto):таблицы (display: table;)обтекаемые

(display: table;)
обтекаемые элементы, абсолютное позиционирование
Алгоритм расчёта ширины (применяемое значение

width):
W — максимальная собственная ширина (без автоматических переводов строк)
w — минимальная собственная ширина (со всеми возможными переводами строк)
S — доступная ширина (ширина контейнера за вычетом боковых отступов и рамок)
ширина = min(max(w, S), W)

Слайд 5 Элементы таблиц
caption
свойство caption-side: top (начальное значение), bottom
col, colgroup
атрибут

Элементы таблицcaptionсвойство caption-side: top (начальное значение), bottomcol, colgroupатрибут span — количество

span — количество граф
свойства background (начальное значение — transparent)
свойства

border, visibility, width
thead, tfoot, tbody
tr
th, td
атрибуты colspan, rowspan
свойство vertical-align: baseline, top, bottom, middle (по умолчанию для th и td)

Слайд 6 Области списков
Пункт списка — display: list-item; (по умолчанию —

Области списковПункт списка — display: list-item; (по умолчанию — элементы li)Свойства

элементы li)






Свойства областей (width, height, padding, border, margin, background) применяются к

главной области
Маркер наследует свойства шрифта (font, color)

Не откладывай на завтра то, что ты уже сделал вчера.

•

главная блочная область principal block box

область маркера marker

Слайд 7 Свойства списков
list-style-type — вид маркеров
none
disc (начальное значение), circle,

Свойства списковlist-style-type — вид маркеровnonedisc (начальное значение), circle, squaredecimal, decimal-leading-zero, lower-roman,

square
decimal, decimal-leading-zero, lower-roman, upper-roman, georgian, armenian
lower-latin, upper-latin, lower-alpha, upper-alpha, lower-greek
list-style-position

— положение маркеров
outside (начальное значение)
inside: маркер — первая строчная область в главной блочной области
list-style — собирательное свойство

Слайд 8 Генерируемое содержание
Псевдоэлементы ::before и ::after
Свойство content
Автоматическая нумерация:
свойства counter-reset,

Генерируемое содержаниеПсевдоэлементы ::before и ::afterСвойство contentАвтоматическая нумерация:свойства counter-reset, counter-incrementсвойство content: значения

counter-increment
свойство content: значения counter, counters

html { counter-reset: chapter; } h1:before

{ content: 'Глава ' counter(chapter) '. '; counter-increment: chapter; }
  • Имя файла: vi-bloki-ii-oblasti-tablits.pptx
  • Количество просмотров: 79
  • Количество скачиваний: 0
- Предыдущая Лэпбук. Шаблоны для лэпбука
Следующая - Психологическая работа в спорте (часть 2)

Похожие презентации

Презентация по проекту Создание кроссвордов Презентация по проекту Создание кроссвордов 129
Родительское собрание будущих первоклассников презентация к уроку (1 класс) Родительское собрание будущих первоклассников презентация к уроку (1 класс) 80
9 мая - День Победы! презентация 9 мая - День Победы! презентация 71
Презентация Экспериментирование в дошкольном возрасте презентация Презентация Экспериментирование в дошкольном возрасте презентация 74
Презентация по МДК 01.01 Проектирование и производство одежды Презентация по МДК 01.01 Проектирование и производство одежды 105
Шанхайская фондовая биржа Шанхайская фондовая биржа 140
Презентация Скоро в школу презентация урока для интерактивной доски (подготовительная группа) Презентация Скоро в школу презентация урока для интерактивной доски (подготовительная группа) 84
kak nazyvayutsyagiometricheskie figury kak nazyvayutsyagiometricheskie figury 86
презентация ФГОС об образовательной области Познавательное развитие презентация презентация ФГОС об образовательной области Познавательное развитие презентация 32
Введение в туризм Введение в туризм 90
Способы сооружения тоннелей Способы сооружения тоннелей 114
Мультимедіа Мультимедіа 73
презентация по пожарной безопасности видеоурок (2 класс) презентация по пожарной безопасности видеоурок (2 класс) 27
Новогодний сапожок Новогодний сапожок 86
Катар Катар 92
Электронный город людям. Таблицы Электронный город людям. Таблицы 69
International trade International trade 87
Физкультминутки в ДОУ презентация к уроку по теме Физкультминутки в ДОУ презентация к уроку по теме 103
Агния Барто презентация Агния Барто презентация 148
Презентация Сопровождение детей с ОВЗ Презентация Сопровождение детей с ОВЗ 149
Презентация к мастер-классу для уроков с профессиональной направленностью Презентация к мастер-классу для уроков с профессиональной направленностью 30
Презентация Тестовая технология как средство повышения качество образования презентация к уроку (2 класс) по теме Презентация Тестовая технология как средство повышения качество образования презентация к уроку (2 класс) по теме 84
Презентація Портфоліо вчителя історії та правознавства Морозової Л. В. 6 частина Презентація Портфоліо вчителя історії та правознавства Морозової Л. В. 6 частина 34
Проект Славим возраст золотой Проект Славим возраст золотой 146
Клуб Лесенка успеха презентация Клуб Лесенка успеха презентация 94
Презентация опыта работы презентация Презентация опыта работы презентация 99
Пробег на лыжах Пробег на лыжах 78
Схема электрическая принципиальная Схема электрическая принципиальная 66
Возрастная анатомия, физиология, гигиена. Половое созревание. Возрастная анатомия, физиология, гигиена. Половое созревание. 77
ИП без образования Юридического лица: Егорка ИП без образования Юридического лица: Егорка 66