Главная Обратная связь

Дисциплины:

Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)






Список абсолютных единиц измерения



Аббревиатура Сантиметры Дюймы Миллиметры Пики Пункты
  cm     0,3937   10,0 2,3622 28,3465
  in   2,54     25,4
  mm   0,1   0,0393   0,2362 2,8346
  pc   0,4233   0,1666   4,2333
  pt   0,0352   0,0138   0,3527 0,0833

cm - сантиметры; in — дюймы; mm - миллиметры; рс - пики; pt - пункты

 

Например, следующие два правила присваивают абсолютные значения размеров:

 

STANZA (font-size: 12pt}

PARAGRAPH {margin-top: 25in}

 

Относительное значение задает размер относительно высоты текущего шрифта элемента, или относительно размера пикселя на экране монитора, который используется для отображения документа. (Пиксель есть элемент изображения — одна из отдельных точек, составляющих изображение на мониторе компьютера или экране телевизора.) В таблице 5.4 представлены различные виды относительных единиц размера, которые можно использовать.

Таблица 5.4

Список относительных единиц измерения

Единица Размерность единицы
em Высота текущего шрифта элемента
ex Высота строчной буквы х текущего шрифта элемента
px Размер пикселя на мониторе

Имеется одно исключение: когда вы присваиваете свойству font-size значение в единицах еm или ех, оно берется относительно размеров шрифта родительского элемента.

Например, следующее правило добавляет к элементу отступ сверху. Высота поля отступа будет равна высоте шрифта элемента:

 

BOOK (margin-top: 1em}

 

Следующее правило создает верхнее поле высотой 15 пикселей:

 

SECTION {margin-top: 15px}

 

А это правило устанавливает высоту шрифта элемента в три четверти от высоты шрифта его родительского элемента:

 

PARAGRAPH {font-size:.75em}

 

(Это последнее правило эквивалентно правилу PARAGRAPH {font-size: 75%}.)

Заметим, что если дочерний элемент наследует относительное значение, наследуется результат вычисления, а не само относительное значение.

 

Установка свойства font-style

 

Свойство font-style управляет стилем начертания символов - обычным или курсивным. Можно присвоить этому свойству одно из следующих значений в виде ключевых слов, приведенных в таблице 5.5.



 

Таблица 5.5

Ключевые слова, используемые для свойства font-style

Ключевое слово для font-style Пример правила CSS Описание Образец
italic TITLE {font-style: italic} Назначает курсивное начертание для шрифта, если это возможно, в противном случае назначает наклонное начертание Стиль
oblique TITLE {font- style: oblique } Назначает наклонное начертание шрифта, если это возможно (начертание образуется путем наклона символов обычного шрифта) Стиль
normal TITLE {font-style: normal} Назначает обычный (романский) шрифт Стиль

 

Установка свойства font-weight

 

Свойство font-weight определяет, насколько плотными (т.е. насколько темными и жирными) будут символы элемента. Можно присвоить этому свойству одно из следующих значений в виде ключевых слов, приведенных в таблице 5.6.

Таблица 5.6

Ключевые слова, используемые для свойства font-weight

Ключевое слово для font-weight Пример правила CSS Описание Образец
normal TITLE {font-weight: normal} Отображает текст с нормальной степенью плотности Плотность
bold TITLE {font-weight: bold} Отображает символы стандартным полужирным начертанием Плотность
bolder TITLE {font-weight: bolder} Отображает текст более жирным шрифтом, чем шрифт родительского элемента (или, для корневого элемента, чем шрифт браузера) Плотность
lighter TITLE {font-weight: lighter} Отображает текст более светлым шрифтом, чем шрифт родительского элемента (или, для корневого элемента, чем шрифт браузера) Плотность
TITLE {font-weight: 100} Отображает текст с самой малой плотностью, доступной для данного шрифта. Последующие значения, приведенные в таблице (200-900) отображают текст с возрастающей степенью плотности Плотность
TITLE {font-weight: 200}   Плотность
TITLE {font-weight: 300}   Плотность
TITLE {font-weight: 400}   Плотность
TITLE {font-weight: 500}   Плотность
TITLE {font-weight: 600}   Плотность
TITLE {font-weight: 700}   Плотность
TITLE {font-weight: 800}   Плотность
TITLE {font-weight: 900}   Плотность

 



Установка свойства font-variant

 

Можно использовать свойство font-variant для преобразования всех символов текста в прописные буквы. Назначьте этому свойству одно из ключевых слов, указанных в таблице 5.7.

Таблица 5.7


Эта страница нарушает авторские права

allrefrs.ru - 2019 год. Все права принадлежат их авторам!