Главная Обратная связь
Дисциплины:
Архитектура (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
|
Просмотров 680 |
|
|
