ИД-4.ppt - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему ИД-4.ppt. Доклад-сообщение содержит 9 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

ФОРМАТИРОВАНИЕ ТЕКСТА WEB-СТРАНИЦЫ С ИСПОЛЬЗОВАНИЕМ CSS-СТИЛЕЙ

Слайд 2

Описание слайда:

Единицы измерения размера В CSS имеется 8 стандартных единиц измерения размеров: зависящая от устройства вывода (экран, принтер,…) px – в пикселях относительные: em – ширина буквы m в данном шрифте; ex – высота буквы х в данном шрифте; абсолютные: in – в дюймах (2,54см); cm – в сантиметрах; mm – в миллиметрах; pt – в пунктах (1/72 дюйма); pc – в пиках (1pc=12pt); В большинстве браузеров принимается 1em=2ex Число и обозначение размера писать слитно без пробела!

Слайд 3

Описание слайда:

Способы задания цвета Цвета наWeb-странице можно задавать: в шестнадцатиричных числах: #ff0066 в шестнадцатиричных числах сокращенной записью: #333 , #369, #6 с функцией RGB с десятичными числами: rgb(128,255,128) с функцией RGB с процентами: rgb(50%,100%,50%) используя 17 именованных цветов: red, green, blue, aqua (зелено-голубой), gray (серый), lime (светло-зеленый), navy (темно-синий), yellow (желтый), orange… Фоновый цвет можно задавать для любых HTML-элементов, а не только в теге

Слайд 4

Описание слайда:

Свойства шрифтов Дескриптор использовать не рекомендуется, вместо этого используются свойства CSS-стилей для шрифтов Свойство font-family – задает гарнитуру шрифта из семейства В CSS имеется 5 семейств (общих категорий) шрифтов: serif – с засечками (Times, Georgia, …) sans-serif – без засечек (Arial, Helvetica, Verdana, …) monospace – пропорциональные (Courier, …) fantasy – декоративные (Western, …) cursive – рукописные (Lucida Handwriting, …) Браузер выбирает тот шрифт из семейства, который установлен на пользовательском компьютере, а перед именем семейства можно указать приоритетный шрифт: текст с засечками

Слайд 5

Описание слайда:

Свойства шрифтов Свойство font-size может иметь следующие значения: 7 именованных значений размера: xx-small, x-small, small, medium, large, x-large, xx-large Можно использовать увеличение larger и уменьшение на единицу smaller текст1 текст2 любые значения в единицах размера текст

Слайд 6

Описание слайда:

Свойства шрифтов Свойство font-style определяет наклон шрифта: normal, italic - курсив, oblique - скошенный Свойство font-variant задает прописные буквы малого размера: normal, small-caps Свойство font-weight определяет жирность шрифта: число от 100 до 900 Можно использовать значения: normal – соответствует 400 ( обычный) и bold – соответствует 700 (полужирный) Свойство font позволяет одновременно устанавливать значения свойств font-style, font-variant, font-weight, font-size, font-family (порядок задания свойств необходимо соблюдать, при этом некоторые из свойств могут быть пропущены): текст

Слайд 7

Описание слайда:

Свойства текста Свойство letter-spacing задает интервалы между отдельными символами: текст Свойство word-spacing задает интервалы между отдельными словами: текст Свойство line-height задает интервалы между строками: текст Свойство text-align задает выравнивание текста на странице для HTML-элементов блокового уровня (заголовков, абзацев, ) и может принимать значения: left, right, center, justify (по ширине)

Слайд 8

Описание слайда:

Свойства текста Свойство text-indent задает отступ первой строки в абзаце: p {text-indent: 1.25cm} Свойство text-transform задает регистр capitalize (каждое слово начинается с заглавной буквы), uppercase (текст из заглавных букв), lowercase (текст из строчных букв), none (буквы текста не преобразуются) Свойство text-decoration позволяет задавать оформление текста: underline (подчеркивание), overline (черта над символами), line-through (перечеркивание), none (удаляет подчеркивание, в том числе у гиперссылок), blink (мигание) Свойство text-shadow позволяет задавать тень текст

Слайд 9

Описание слайда:

Блочная модель Web-страницы В языке CSS у всех HTML-элементов есть отступы, которые форми- руются блочной моделью размещения элементов на Web-странице. Поля margin: margin-top, margin-right, margin-bottom, margin-left (в единицах размера) Если для свойства margin заданы только два значения, то они воспринимаются противоположными границами, если одно – то всеми границами Границы border: border-top, border-right, border-bottom, border-left width (толщина, в единицах размера), style (dotted – точки, dashed – штрихи, … всего 10 значений) color (в единицах цвета) Отступы padding: padding-top, padding-right, padding-bottom, padding-left

Теги

Похожие презентации