Что такое 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
  • Количество просмотров: 97
  • Количество скачиваний: 0