Презентация Web-программирование. Работа с текстом в CSS онлайн

Содержание слайда: Web-программирование Работа с текстом в CSS

Содержание слайда: Подключение шрифтов CSS Базовый пример подключения шрифта CSS:

Содержание слайда: Подключение шрифтов CSS Допустим, вы желаете оформить текст шрифтом Verdana, а в качестве запасного установить шрифт Geneva. Записывается это таким образом:

Содержание слайда: Установка цвета для текста в CSS Здесь нет ничего сложного: вам понадобится свойство color и значение того цвета, которым вы желаете окрасить текст:

Содержание слайда: Способы представления цветов Шестнадцатеричные цвета (hex) Для записи шестнадцатеричного значения используется 16 символов: арабские цифры от 0 до 9 и первые буквы латинского алфавита (A, B, C, D, E, F). Цвет в шестнадцатеричном формате записывается в виде трех двузначных чисел от 00 до FF (перед ними обязательно ставится символ решетки #), что соответствует трем компонентам: Red, Green, Blue (цветовая модель RGB). Иными словами, запись цвета можно представить как #RRGGBB, где первая пара символов определяет уровень красного, вторая – уровень зеленого, третья – уровень синего цвета.

Содержание слайда: Способы представления цветов Цветовая модель RGB Второй способ указания цвета в CSS – использовать десятичные значения RGB (Red, Blue, Green). Для этого необходимо записать после свойства color ключевое слово rgb, а затем в скобках и через запятую – три числа в диапазоне от 0 до 255, каждое из которых означает интенсивность красного, зеленого и синего цветов (r, g, b). Чем больше число, тем более интенсивен цвет. К примеру, чтобы получить ярко-зеленый цвет, нужно записать:

Содержание слайда: Способы представления цветов Цветовая модель RGBA Задать цвет в формате RGBA можно почти так же, как и в RGB. Отличие RGBA от RGB заключается в наличии альфа-канала, который отвечает за прозрачность цвета. Задается прозрачность с помощью числа в диапазоне от 0 до 1, где 0 соответствует полной прозрачности, а 1, наоборот, означает полную непрозрачность. Промежуточные значения вроде 0.5 позволяют задать полупрозрачный вид (допускается сокращенная запись, без нуля, но с точкой – .5). Например, чтобы сделать текст цветным и слегка прозрачным, нужно записать после свойства color ключевое слово rgba и значение цвета:

Содержание слайда: Жирный шрифт и курсив Управлять жирностью шрифта в CSS можно с помощью значений свойства font-weight:

Содержание слайда: Жирный шрифт и курсив Задать курсивное начертание шрифта можно при помощи значений свойства font-style:

Содержание слайда: Прописные и строчные буквы в CSS Если по какой-либо причине вам необходимо изменить регистр букв в тексте веб-страницы, на помощь придет свойство CSS text-transform:

Содержание слайда: Подчеркивание, зачеркивание текста в CSS Используя свойство CSS text-decoration, можно добавлять дополнительные эффекты для текста, такие как подчеркивание, зачеркивание, мигание.

Содержание слайда: Выравнивание текста в CSS Выравнивание текста производится с помощью свойства text-align и соответствующих значений, которые показаны в таблице: