Учебный курс Введение в HTML и CSS Лекция 6 Текст и списки. Позиционирование кандидат технических наук Павел Брониславович Храмцов paul@kiae.su. - презентация

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

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

3 3 Преобразование шрифта Все буквы заглавные. Все буквы строчные. Все слова начинаются с заглавных букв. Все буквы перечеркнуты.

4 4 Красная строка Этот параграф мы начнем со строки с горизонтальным отступом в двадцать типографских пунктов от левого края параграфа. p:first-line {color:red} p:first-letter {font-size:20pt;}

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

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

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

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

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

10 10 Относительные координаты Этот блок находится в точке отсчета относительных координат А этот блок смещен вправо на 50px

11 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; }

12 Порядок наложения блоков. z-index...