Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Жирность шрифта






Единицы измерения в CSS. Форматирование шрифта. Форматирование текста

 

 

Размеры в CSS можно задавать в абсолютный или относительных единицах.

Абсолютные единицы:

  • пиксел (px);
  • миллиметр (mm);
  • сантиметр (cm);
  • дюйм (in) — 1in = 2.54 cm;
  • пункт (pt) — 1pt = 1/72 in;
  • пика (pc) — 1pc = 12pt.

 

Остальные единицы:

  • процент (%);
  • высота текущего шрифта (em);
  • высота буквы " х" текущего шрифта (ех).

Для значения 0 можно не указывать единицы измерения.

Цвет можно задать одним из следующих способов:

  • именем цвета — blue, green, red и т.д.;

p{color: blue}

  • значением вида #[R] [G] [B], где R — насыщенность красного, G — насыщенность зеленого и B — насыщенность синего в цвете. Значения задаются одинарными шестнадцатеричными числами от 0 до F;

p{color: #F00}

  • значением вида #[RR] [GG] [BB], где RR — насыщенность красного, GG — насыщенность зеленого и BB — насыщенность синего в цвете. В таком формате значения задаются двузначными шестнадцатеричными числами от 00 до FF;

p{color: #FF0000}

  • значением вида rgb ([R], [G], [B]), где R, G и B — насыщенности красного, зеленого и синего цветов, которые задаются десятичными числами от 0 до 255;

p {color: rgb (255, 0, 0)}

  • значением вида rgb ([R%], [G%], [B%]), где R%, G% и B% — насыщенности красного, зеленого и синего цветов, которые задаются в процентах;

p {color: rgb (100%, 0%, 0%)}

Все перечисленные примеры задают красный цвет.

Форматирование шрифта

Каскадные таблицы стилей позволяют задать название, цвет и размер шрифта, его стиль и " жирность". Кроме того, можно указать несколько имен шрифтов и одно из названий альтернативных семейств. Ведь на компьютере пользователя может и не быть нужного шрифта.

Имя шрифта

Атрибут font-family позволяет задать имя шрифта:

p { font-family: Arial }

В ряде случаев шрифт может отсутствовать на компьютере пользователя. Поэтому лучше указывать несколько альтернативных шрифтов. Именауказываются через запятую:

p { font-family: Arial, Helvetica, Verdana }

Можно также указать одно из пяти типовых семейств шрифтов — serif, sans-serif, cursive, fantasy или monospace:

p {font-family: Verdana, Arial, Helvetica, sans-serif }

Стиль шрифта

Атрибут font-style позволяет задать стиль шрифта. Он может принимать следующие значения:

  • normal —нормальный шрифт;

p { font-family: Verdana; font-style: normal }

  • italic — курсивный шрифт;

p { font-family: Verdana; font-style: italic}

  • oblique — наклонный шрифт;

p{ font-family: Verdana; font-style: oblique }

Размер шрифта

Атрибут font-size позволяет задать размер шрифта:

  • text1{ font-size: 12px; color: red; font-family: Arial }

Цвет шрифта

Атрибут color позволяет задать цвет шрифта:

text1{ font-size: 12px; color: red; font-family: Arial }

Жирность шрифта

Атрибут font-weight позволяет управлять жирностью шрифта. Может принимать следующие значения:

  • 100, 200, 300, 400, 500, 600, 700, 800, 900 — значение 100 соответствует самому бледному шрифту, а 900 — самому жирному;

p { font-family: Verdana; font-style: normal; font-size: 12px; font-weight: 700 }

  • normal —нормальный шрифт. Соответствует значению 400;

p { font-family: Verdana; font-style: normal; font-size: 12px; font-weight: normal }

  • bold — полужирный шрифт. Соответствует значению 700;

p { font-family: Verdana; font-style: normal; font-size: 12px; font-weight: bold }






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.