Введение в HTML и CSS. Текст и списки. Позиционирование презентация

Июль 12, 2021

Главная
Без категории
Введение в HTML и CSS. Текст и списки. Позиционирование

Содержание

2. Выравнивание ... Этот параграф выравнен по правому краю. Все строки справа кончаются на границе раздела. А
3. Преобразование шрифта Все буквы заглавные. Все буквы строчные. Все слова начинаются с заглавных букв. Все буквы
4. Красная строка Этот параграф мы начнем со строки с горизонтальным отступом в двадцать типографских пунктов от
5. Межстрочное расстояние Этот параграф мы набрали кеглем 12 pt. Line-height задано в 6 pt.
6. Списки Первый элемент списка Второй элемент списка Третий элемент списка Первый элемент списка Второй элемент списка
7. Вид меток списка В виде пульки используем квадрат В виде пульки используем диск В виде пульки
8. Метки для упорядоченного списка строчные римские цифры заглавные буквы строчные буквы Элемент списка расположен за рисунком
9. .example {position:absolute;top:8px;left:6px;} Абсолютные координаты
10. Относительные координаты Этот блок находится в точке отсчета относительных координат А этот блок смещен вправо на
11. Управление видимостью function change() { next=current+1; if(next>1) next=0; window.document.all.item("kuku",current).visibility="hidden"; window.document.all.item("kuku",next).visibility= "visible"; current=next; }
13. Скачать презентацию

Слайд 2

Выравнивание
...

Этот параграф выравнен по правому краю. Все строки справа

кончаются на границе раздела. А вот слева они начинаются с различным отступом от левого края.

Этот параграф выравнен по правому краю. Все строки справа кончаются на вертикальной границе раздела. Все строки слева теперь начинаются также с вертикальной границы раздела.

Слайд 3

Преобразование шрифта
Все буквы заглавные.

Все буквы строчные.

Все слова начинаются

с заглавных букв.

Все буквы перечеркнуты.

Слайд 4

Красная строка
Этот параграф мы начнем со строки с горизонтальным отступом

в двадцать типографских пунктов от левого края параграфа.

p:first-line {color:red}
p:first-letter {font-size:20pt;}

Слайд 5

Межстрочное расстояние
Этот параграф мы набрали кеглем 12 pt. Line-height задано

в 6 pt.

Слайд 6

Списки

Первый элемент списка
Второй элемент списка
Третий элемент списка

Первый элемент списка
Второй

элемент списка
Третий элемент списка

Слайд 7

Вид меток списка

В виде пульки используем квадрат

В виде пульки

используем диск

В виде пульки используем круг

Слайд 8

Метки для упорядоченного списка

строчные римские цифры

заглавные буквы

style="list-style-type:lower-alpha;color:darkred;">

строчные буквы

Элемент списка расположен за рисунком

Слайд 9

.example {position:absolute;top:8px;left:6px;}
Абсолютные координаты

Слайд 10

Относительные координаты

Этот блок находится в точке отсчета относительных

координат

А этот блок смещен вправо на 50px

Слайд 11

Управление видимостью
function change()
{
next=current+1; if(next>1) next=0;
window.document.all.item("kuku",current).visibility="hidden";
window.document.all.item("kuku",next).visibility= "visible";
current=next;
}