Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
29 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
173.00 kB
Просмотров:
60
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Листы стилей WEB-страниц
Язык описания представлений CSS-cascading style sheets
№2 слайд
Содержание слайда: Свойства, описываемые CSS
Свойства шрифта
Свойства текста
Свойства фона
Свойства обрамления
Свойства позиционирования
Адаптация интерфейса
Фильтры
Слои
№3 слайд
Содержание слайда: Единицы измерения
Относительные размеры
Относительные размеры элементов документа HTML задаются при помощи относительных единиц измерения, которые указывают значение длины относительно других элементов документа. Таблицы стилей, которые используют такой тип единиц, намного легче перенастраиваются с одного типа устройств на другой.
К относительным единицам измерения относятся:
em - размер, относительно размера буквы "m"
ex - размер, относительно вертикального размера букв, соответствующего шрифта
px - размер, использующий пиксели, относительно устройства вывода
% - размер, использующий процентные значения, относительно основного размера
Пример:
H1 { margin-left: 1.5em }
H3 { margin-left: 2ex }
span { font-size: 16px }
P { font-size: 150%px }
Дочерние элементы не наследуют относительные значения, указанные для их родительских элементов.
№4 слайд
Содержание слайда: Единицы измерения
Абсолютные размеры
Абсолютные единицы измерения полезны только в том случае, когда известны физические параметры устройства вывода. К ним относятся:
in - размер, в дюймах, 1 дюйм равен 2.54 сантиметрам.
cm - размер, в сантиметрах
mm - размер, в миллиметрах
pt - размер, в точках, 1 точка равна 1/72 дюйма.
pc - размер, в пиках, 1 пика равна 12 точкам.
Пример:
H1 { margin: 1.5in }
H2 { line-height: 5cm }
H3 { word-spacing: 3mm }
H4 { font-size: 16pt }
H4 { font-size: 2pc }
№5 слайд
Содержание слайда: Что такое CSS?
№6 слайд
Содержание слайда: Базовая структура элементов стиля
№7 слайд
Содержание слайда: Пример:
В СПб ГУТ вы получите самое полное, лучшее, качественное образование в России с минимальным начальным багажом знаний!
№8 слайд
Содержание слайда: Привязывание страницы стилей к документу
№9 слайд
Содержание слайда: Некоторые атрибуты и варианты значений
№10 слайд
Содержание слайда: Атрибуты цвета
№11 слайд
Содержание слайда: Глобальное определение стиля в документе
№12 слайд
Содержание слайда: Взаимодействие стилей
№13 слайд
Содержание слайда: Использование классов
№14 слайд
Содержание слайда: Псевдо-классы
№15 слайд
Содержание слайда: Использование тегов div и span
№16 слайд
Содержание слайда: Приписывание стилей конкретному элементу
№17 слайд
Содержание слайда: Каскадирование стилей
№18 слайд
Содержание слайда: Дополнительные возможности
№19 слайд
Содержание слайда: Дополнительные возможности - пример
№20 слайд
Содержание слайда: Размещение фрагментов с помощью CSS
№21 слайд
Содержание слайда: Пример размещения блоков
№22 слайд
Содержание слайда: Характеристики границы (border)
№23 слайд
Содержание слайда: Поля и заполнение
№24 слайд
Содержание слайда: Размещение блоков на странице
№25 слайд
Содержание слайда: Дополнительно о размерах блоков
№26 слайд
Содержание слайда: Позиционирование блоков
№27 слайд
Содержание слайда: Позиционирование блоков (продолжение)
№28 слайд
Содержание слайда: Позиционирование блоков (продолжение)
№29 слайд
Содержание слайда: Порядок видимости блоков