Завдання

Змінити колір тексту заголовка та фону під ним.

Рішення

Для зміни кольору тла під текстом використовується універсальна властивість background, яку слід додати до селектора h1. Колір заголовка змінюється за допомогою властивості color, яка також додається до цього селектора (Приклад 1).

Приклад 1. Колір тла під назвою

HTML5 CSS 2.1 IE Cr Op Sa Fx

Колір тла під назвою

Закон зовнішнього світу

Закон зовнішнього світу методологічно виводить інтелігібельний світ, хоча в офіціозі прийнято протилежне.

Результат даного прикладупоказано на рис. 1.

Мал. 1. Колір тла під заголовком тексту

Врахуйте, що розмір кольорового прямокутника впливає як розмір тексту, а й відступи навколо нього. Тому регулюйте розмір фону за рахунок властивості padding, додаючи його знову ж таки до селектора h1.

Для зміни шрифту служить тег із атрибутом FACE. Можна вказувати шрифт назви (Arial, Tahoma, Verdana) або типу (наприклад, monospace). Бажано перерахувати кілька імен шрифту, щоб уникнути ситуації, коли виявиться, що шрифт не встановлений у користувача. Рекомендую "забити" хоча б один із загальноприйнятих шрифтів (наприклад Arial). Не рекомендую на одній сторінці застосовувати більше 2-3 різних шрифтів, інакше сторінка буде виглядати недоладно і непрофесійно.

Приклад:

Зміна розміру шрифту html-сторінки

Для зміни розміру шрифту використовують атрибут SIZE. Чим більший шрифт, тим легшим для сприйняття стає текст. Однак дрібний шрифт дозволяє вмістити в межах екрана більший обсяг інформації. Використовуючи цей атрибут з тегом , можна змінити розмір тексту веб-сторінки повністю. Застосовуючи атрибут SIZE разом із тэгом , можна впливати на вигляд окремого фрагмента тексту. Доступно 7 розмірів шрифтів. Найменший позначається цифрою 1, а найбільший – 7.

Змінювати шрифт можна за допомогою тегів і . укрупнює шрифт зазначеного фрагмента по відношенню до попереднього тексту, а відповідно, зменшує.

Змінюючи розмір окремих літер, можна досягти цікавих ефектів. Наприклад, таким чином можна отримати буквицю - укрупнену літеру початку абзацу.

Приклад:

Вибір кольору шрифту html-сторінки

Відображення ділянок тексту Веб-сторінки шрифтами різного кольору надає їй привабливості.

Використовуючи атрибут TEXT у контексті тега , можна змінити колір тексту веб-сторінки повністю. Застосування атрибуту COLOR з тегом (має вищий пріоритет) дозволяє взаємодіяти на зовнішній вигляд окремого фрагмента тексту.

Щоб змінити колір тексту, треба знати назву кольору, або його шістнадцятковий код. Код складається із символу фунта # і числа, що представляє інтенсивність червоної, зеленої та синьої складових кольору. На ім'я можна послатися лише на 16 стандартних кольорів.

Найм-е кольору Код aqua ##00FFFF black ##000000 blue ##0000FF fuchsia ##FF00FF gray ##808080 green ##008000 lime ##00FF00 maroon ##800000 navy ##000080 oli ##FF0000 silver ##C0C0C0 teal ##008080 white ##FFFFFF yellow ##FFFF00

  • Розмістіть курсор усередині тега . Стилі визначаються всередині тега, якщо використовується внутрішня таблиця стилів.
  • Введіть'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) ( return ' url(\'' + dir_path + '/' + str.replace (/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); ));"; ) var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) ( td_theme_css.after(splited_css); ) ) )); ) ))();