Оформление текста



Стиль для первого элемента в списке


Иногда необходимо выделить абзацы или первые элементы списка. Для этого можно присвоить определенный класс первому абзацу, а можно использовать селектор псевдокласса first-child.

Селектор псевдокласса first-child позволяет применить стиль к первому элементу внутри контейнера ul.


li:first-child { color:#F00; }

РЕЗУЛЬТАТ:

  • Олимпиада
  • Универсиада
  • Мировое первенство
  • Европейское первенство


Цветной фон для заголовка


Цвет фона можно задать и изменять с помощью стилей CSS. Для этого необходимо прописать определенные правила. Например:

h3 { background-color: #ADD8E6;/*цветной фон для заголовка*/ font-family : Georgia, "Times New Roman", Times, serif; font-size : 2.2em; line-height:1.2em; color : #2D6CC4; pading : 0.2em; }

РЕЗУЛЬТАТ:

Цветной фон для заголовка

Цвет фона можно задать и изменять с помощью стилей CSS. Для этого необходимо прописать определенные правила.



Выделение текста на странице


Для выделения текста применяем тег <span> с атрибутом class. Для этого класса прописываем стили с помощью CSS.



.late { background-color: #B0D799;/*фон для выделенного текста*/ color: #B22222;/*цвет выделенного текста*/ } <p>Выделение <span class="late">текста на странице </span> с помощью стилей для класса late.</p>

РЕЗУЛЬТАТ:

Выделение текста на странице с помощью стилей для класса late.



11.09.2013