| Главная » Статьи » Уроки css |
| В категории материалов: 18 Показано материалов: 11-18 |
Страницы: « 1 2 |
Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам
Размер шрифтаВ каких единицах измерения лучше задавать размеры шрифта? Стоит ли пользоваться ключевыми словами или задавать значения в конкретных единицах измерения? На эти и другие вопросы попробуем сейчас ответить. Для удобства чтения текста на странице его размер должен быть достаточным или же у пользователя должна быть возможность самостоятельно выбрать подходящий размер шрифта. |
Выбор гарнитуры шрифтаПолиграфист, который готовит материал в печать, волен выбрать любую гарнитуру для оформления текста, и он уверен, что любой, кто возьмет в руки его печатную продукцию, увидит все, что там написано. Как мы уже имели возможность убедиться, Web-разработчик такой свободой не обладает. Фрагменты текста, написанные нестандартными шрифтами, приходится переводить в графические объекты, чтобы быть уверенным втом, что любой пользователь увидит их. Относительно свободно мы можем использовать только ограниченный набор шрифтов, которые установлены у большинства пользователей любой операционной системы |
Структуризация таблиц стилейНе последнюю роль в удобстве чтения кода и уменьшении его объема играют структуризация и оптимизация таблицы стилей. Целям более удобного чтения служит, например, установленная ранее договоренность писать названия селекторов заглавными буквами, а названия свойств - строчными. Вообще говоря, язык CSS регистронезависимый, т.е. правила: р{COLOR: red} и P{color: ReD} будут равнозначны. Поэтому в первую очередь стоит определиться, в каком регистре вы будете набирать названия селекторов, свойств и их значений. И в дальнейшем следует строго придерживаться этого правила. Здесь мы продолжим пользоваться тем же правилом, которое установили в начале. |
|
Директиву DTD, естественно, менять не будем, а вот в секцию HEAD внесем несколько изменений.
Самое первое - удалим элемент basefont, который задает базовую гарнитуру шрифта (как вы помните, элемент basefont работал только в браузере Internet Explorer). Вместо него напишем CSS-правило, определяющее базовые параметры шрифта, которые будут работать уже во всех браузерах. |
Свойство list-style-typeС помощью такого свойства задается вид маркера элемента списка. Значения задаются при помощи ключевых слов, обозначающих вид маркера, или значения попе, которое говорит о том, что маркер не используется. Для определения видов маркеров маркированных списков используются ключевые слова:
Для нумерованных списков перечень ключевых слов, задающих тип маркеров в CSS, более широк, чем в HTML. Пожалуй, даже слишком широк. Применение большей части значений вы вряд ли найдете. Кроме того, не все браузеры их поддерживают в полном объеме. Тем не менее, укажем все допустимые значения и браузеры, поддерживающие их. Доступны следующие значения для видов маркеров. |
|
В языке HTML все элементы можно разделить на два типа: блочные и строчные. Блочные элементы создают визуально самостоятельную структурную единицу - блок. Примером блочных элементов могут быть элементы H1-Р6, Р, DIV. Как мы уже говорили ранее, они даже отделяются от других абзацными отступами. |
Свойство COLORС этим свойством мы уже не раз встречались в процессе изучения предыдущей главы. к вы уже знаете, оно задает цвет элемента, точнее, цвет текста внутри этого элемента. Вкачестве значения свойства указывается цвет в одной из доступных форм:
Свойство color является наследуемым, т.е. если для какого-то элемента оно не задано, то этот элемент унаследует его от предка. Если и для предка оно не задано, то будет I осуществлен поиск вверх по дереву элементов, пока не будет найден самый старший элемент, для которого это свойство задано. Такой элемент обязательно найдется, например, им может оказаться элемент BODY, для которого, даже в отсутствие явно заданного цвета, будет применена таблица стилей браузера с использованием значений по умолчанию. Скорее всего, цвет элемента в этом случае будет черным, что обычно и соответствует значению по умолчанию. Аналогичный механизм будет работать для всех остальных наследуемых свойств. |
Правила CSSCSS, как и любой другой компьютерный язык, имеет строго определенный синтаксис, т.е. правила, по которым создаются таблицы стилей. В предыдущей главе вы уже видели несколько примеров разных таблиц стилей и» наверняка заметили, что синтаксис CSS отличается от синтаксиса HTML. В CSS нет ни элементов, ни атрибутов, ни тегов. В нем есть правила, каждое из которых описывает внешний вид одного или группы элементов HTML. Правило определяет, как будет выглядеть определенный элемент. Дадим определение. |