ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Занятия по "Каскадным стилевым таблицам" | Текст

Текст

Для описания стилевой информации при форматировании текста используют следующие свойства: отступ - text-indent, выравнивание - text-align, оформление - text-decoration, разряжение букв и слов - letter-spacing и word-spacing, text-transform.

Возможные значения каждого свойства посмотрите в соответствующих разделах.

Сразу приступаем к изменениям.

ПРИМЕР 12
BODY {color:black;
      background: white;
      font-family:Times;
      font-size:13pt;}

/*выровним текст для H1, H2, H3 по центру*/
H1,H2,H3 {color:red;
          background: #6495ED;
          font-family:Arial;
          margin-top: 5px;
          margin-right: 10px;
          margin-bottom: 3px;
          margin-left: 6px;
          border-style: solid;
          border-top-width: 1px;
          border-right-width: 2px;
          border-bottom-width: 1px;
          border-left-width: 2px;
          text-align:center;
          }

/*выровним текст для H4 по правому краю*/
H4 {font-family: Times;
    text-align:right;}

/*с помощью свойства text-decoration подчеркнем заголовок H5*/
H5 {color: green;
    font-family: Verdana;
    text-decoration:underline;}

/*с помощью свойств letter-spacing и word-spacing*/
/*введем разрядку между буквами и словами заголовка H6*/
/*кроме этого трансформируем все буквы этого заголовка*/
/*в буквы с верхним регистром*/

H6 {color: blue;
    font-family: san-serif;
    letter-spacing: 1em;
    word-spacing: 6em;
    text-transform: uppercase;}

P {font-size:12pt;
   font-stretch: semi-condensed;
   }

/*введем отступ в параграф с классом green*/
P.green {color:green;
         text-indent:5em;}

.gray{color:gray;}

TABLE {   }
CAPTION {font-weight:bold;}
TH {font-variant: small-caps;}
TD {font-style:italic;}

HR {color: yellow;}

A {color:red;
   font-family: Arial;
   font-size: 11pt;
   font-weight: bold;
   font-stretch: semi-expanded;}
   
A:hover {color:white;
         background:red;}

OL LI {font-style:italic}

#other {font-style:normal;
        font-weight:bold;}

UL LI {font-style:normal;
       color: white;
       background: navy;
       border-bottom-style: dotted;
       border-bottom-width: 3px;
       border-bottom-color: #DC143C
      }
← Назад | Вперед →
Copyright ©  aranea.ru