Разделы презентаций


ИД-4.ppt

Единицы измерения размера В CSS имеется 8 стандартных единиц измерения размеров: зависящая от устройства вывода (экран, принтер,…) px – в пикселяхотносительные: em – ширина буквы m в данном шрифте; ex – высота буквы х

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

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

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

Слайд 2Единицы измерения размера
В CSS имеется 8 стандартных единиц измерения размеров:


зависящая от устройства вывода (экран, принтер,…)
px – в пикселях
относительные:
em

– ширина буквы m в данном шрифте;
ex – высота буквы х в данном шрифте;
абсолютные:
in – в дюймах (2,54см);
cm – в сантиметрах;
mm – в миллиметрах;
pt – в пунктах (1/72 дюйма);
pc – в пиках (1pc=12pt);

В большинстве браузеров принимается 1em=2ex
Число и обозначение размера писать слитно без пробела!
Единицы измерения размера	В CSS имеется 8 стандартных единиц измерения размеров: зависящая от устройства вывода (экран, принтер,…) 	px

Слайд 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-элементов, а не только в теге

Способы задания цвета 	Цвета наWeb-странице можно задавать:в шестнадцатиричных числах:	 #ff0066 в шестнадцатиричных числах сокращенной записью:	#333 , #369,

Слайд 4Свойства шрифтов
Дескриптор использовать не рекомендуется, вместо этого используются свойства

CSS-стилей для шрифтов

Свойство font-family – задает гарнитуру шрифта из семейства
В

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

Браузер выбирает тот шрифт из семейства, который установлен на пользовательском компьютере, а перед именем семейства можно указать приоритетный шрифт:
текст с засечками
Свойства шрифтов	Дескриптор использовать не рекомендуется, вместо этого используются свойства CSS-стилей для шрифтовСвойство font-family – задает гарнитуру шрифта

Слайд 5Свойства шрифтов
Свойство font-size может иметь следующие значения:
7 именованных значений размера:
xx-small,

x-small, small, medium, large, x-large, xx-large
Можно использовать увеличение larger

и уменьшение на единицу smaller

текст1


текст2



любые значения в единицах размера

текстВ процентах относительно размера базового шрифта

текст


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

Слайд 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 (порядок задания свойств необходимо соблюдать, при этом некоторые из свойств могут быть пропущены):
текст

Свойства шрифтов	Свойство font-style определяет наклон шрифта: 	normal, italic - курсив, oblique - скошенный	Свойство font-variant задает прописные буквы

Слайд 7Свойства текста
Свойство letter-spacing задает интервалы между отдельными символами:

style=“letter-spacing: 0.5cm”>текст
Свойство word-spacing задает интервалы между отдельными словами:

2mm”>текст


Свойство line-height задает интервалы между строками:
текст

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

Слайд 8Свойства текста
Свойство text-indent задает отступ первой строки в абзаце:
p {text-indent:

1.25cm}
Свойство text-transform задает регистр
capitalize (каждое слово начинается с заглавной буквы),


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

текст


Свойства текстаСвойство text-indent задает отступ первой строки в абзаце:	p {text-indent: 1.25cm}Свойство text-transform задает регистр	capitalize (каждое слово начинается

Слайд 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
Блочная модель Web-страницы	В языке CSS у всех HTML-элементов есть отступы, которые форми-  руются блочной моделью размещения

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика