ИД-4.ppt

Сентябрь 2, 2022

Содержание

2. Единицы измерения размера В CSS имеется 8 стандартных единиц измерения размеров: зависящая от устройства вывода (экран,
3. Способы задания цвета Цвета наWeb-странице можно задавать: в шестнадцатиричных числах: #ff0066 в шестнадцатиричных числах сокращенной записью:
4. Свойства шрифтов Дескриптор использовать не рекомендуется, вместо этого используются свойства CSS-стилей для шрифтов Свойство font-family –
5. Свойства шрифтов Свойство font-size может иметь следующие значения: 7 именованных значений размера: xx-small, x-small, small, medium,
6. Свойства шрифтов Свойство font-style определяет наклон шрифта: normal, italic - курсив, oblique - скошенный Свойство font-variant
7. Свойства текста Свойство letter-spacing задает интервалы между отдельными символами: текст Свойство word-spacing задает интервалы между отдельными
8. Свойства текста Свойство text-indent задает отступ первой строки в абзаце: p {text-indent: 1.25cm} Свойство text-transform задает
10. Скачать презентацию

Слайд 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 позволяет задавать тень

ИД-4.ppt

Содержание

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

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

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

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

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

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

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

текст

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

текст

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

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

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

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

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

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

текст

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

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

текст

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