январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
|
Строки и столбцы в CSS.
И хотя CSS предлагает сегодня собственные альтернативные инструменты структуризации документов, таблицы тоже не обязательно отбрасывать на обочину. В действительности они играют свою немаловажную роль в показе табличных данных. Использование свойств таблиц в CSS и всего спектра табличных возможностей HTML позволяет вернуть таблицам их первоначальное назначение, но подкрепленное более мощными инструментами их поддержки; описывается следующие свойства для управления внешним видом таблиц:
caption-side
border-spacing
border-collapse
display (значения для таблиц)
Таблицы: общее представление.
По соображениям обратной совместимости технологий в CSS действует построчная модель структуры таблиц, являющаяся отправной точкой для построения прочих аналогичных моделей и свойств для управления внешним видом. Впрочем, возможности CSS спецификации для работы и с языками разметки, отличными от HTML и XHTML, все равно шире.
На самом элементарном уровне представления таблицы делятся на строки и на столбцы. Ячейки всегда являются производными не от столбцов, а от строк. Столбцы же просто определяются тем, сколько ячеек в строках. Пересечение всех входящих в таблицу строк и столбцов дает «сетку» и формирует минимальную единицу этой сетки - ячейку. Фактические ячейки таблицы (прямоугольники с содержимым) могут состоять больше чем из одной ячейки сетки таблицы, как в случае, когда ими охвачено несколько столбцов или строк. Структура табличной модели:
Помимо прямоугольников, вдоль ячеек визуальной моделью прямоугольников CSS предполагается построение (неявных) прямоугольников вокруг строк, групп строк, столбцов, групп столбцов и таблицы соответственно элементам HTML row, rowgroup, col, colgroup и table. Отдельным прямоугольником также считается определяемый элементом caption заголовок таблицы.
Последним табличным прямоугольником, о котором следует помнить, является встроенная таблица - элемент-блок, способный отображаться как встроенный (традиционно таблица является элементом уровня блока). Такие таблицы организуются назначением свойству display значения inline-table.
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
добрый вечер!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|