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

Нажмите для полного просмотра!
Web-программирование. Работа с текстом в CSS, слайд №1Web-программирование. Работа с текстом в CSS, слайд №2Web-программирование. Работа с текстом в CSS, слайд №3Web-программирование. Работа с текстом в CSS, слайд №4Web-программирование. Работа с текстом в CSS, слайд №5Web-программирование. Работа с текстом в CSS, слайд №6Web-программирование. Работа с текстом в CSS, слайд №7Web-программирование. Работа с текстом в CSS, слайд №8Web-программирование. Работа с текстом в CSS, слайд №9Web-программирование. Работа с текстом в CSS, слайд №10Web-программирование. Работа с текстом в CSS, слайд №11Web-программирование. Работа с текстом в CSS, слайд №12

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

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


Слайд 1





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

Слайд 2





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

Слайд 3





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

Слайд 4





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

Слайд 5





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

Слайд 6





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

Слайд 7





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

Слайд 8





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

Слайд 9





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

Слайд 10





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

Слайд 11





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

Слайд 12





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



Похожие презентации
Mypresentation.ru
Загрузить презентацию