CSS. Группирование с помощью <span>.

     <span class="селектор">...</span>
     С помощью элемента <span> можно добиваться всевозможных эффектов в отдельных блоках текста. В нашем примере, с помощью группирования свойством class, мы получили два заголовка разных цветов: красного и зелёного. Попробуем в заголовок зеленого цвета добавить немного красного цвета, а также добавим его немного в текст в параграфе.

Пример:

<html>
  <head>
    <title>Пример</title>
    <style type="text/css">
      .example1 {color:#CC0000}
      .example2 {color:#008000}
    </style>
  </head>
  <body>
   <h3 class="example1"> Заголовок красного цвета.</h3>
   <p>Наш текст</p>
   <h3 class="example2">Заголовок зеленого <span class="example1">цвета</span></h3>
   <p>Наш текст чёрного цвета кроме текста, <span class="example1">использующего наш атрибут.</span></p>
</body>
</html>

 

Результат: (открыть в браузере)


 

 Смотрите также:
Загрузка...