Учебный курс Введение в HTML и CSS Лекция 6Текст и списки. Позиционирование

Февраль 15, 2021

Главная
Разное
Учебный курс Введение в HTML и CSS Лекция 6Текст и списки. Позиционирование

Содержание

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 задано в

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

6 pt.

Слайд 6

Списки

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

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

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

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

Слайд 7

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

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

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

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

диск

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

Слайд 8

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

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

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

строчные

Метки для упорядоченного списка строчные римские цифры заглавные буквы строчные буквы Элемент списка расположен за рисунком

буквы

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

Слайд 9

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

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

Слайд 10

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

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

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

style="position:relative;top:0px; left:50px;border-width:1px;">А этот блок смещен вправо на 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;
}

Управление видимостью 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; }