|
aranea.ru || Занятия по "Каскадным стилевым таблицам" | Текст
ТекстДля описания стилевой информации при форматировании текста используют следующие свойства: отступ - text-indent, выравнивание - text-align, оформление - text-decoration, разряжение букв и слов - letter-spacing и word-spacing, text-transform. Возможные значения каждого свойства посмотрите в соответствующих разделах. Сразу приступаем к изменениям. ПРИМЕР 12BODY {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 } |