• Страница 1 из 1
  • 1
Синтаксис CSS. Единицы измерения (2)
Дата: Среда, 22.12.2010, 18:23 | Сообщение # 1
Группа:
Проверенные
Сообщений:
245
Offline
Процентные величины.
Кроме того, в CSS можно пользоваться процентами от какой-либо величины (например, от ширины экрана). Процентные значения также относятся к относительным величинам.

Проценты в CSS всегда считаются относительно какой-то другой величины, например значения ширины. Для любого свойства, поддерживающего задание значения в процентах, всегда определено, относительно какого значения следует их вычислять. В качестве такого значения может выступать линейное значение другого свойства этого же элемента или линейное значение свойства элемента-предка, например ширина контейнера, содержащего заданный элемент.

Замечание. Без использования процентных значений совершенно невозможно обойтись при "резиновой" верстке.
Выделить код в новом окне
Процентные величины.

Цвета в CSS можно задавать тремя способами: по ключевым словам (blue, red и прочее), указав шестнадцатеричный код цвета в модели RGB — по аналогии с HTML (#0000FF, #FF0000) и, наконец, десятичные значения цветовых компонент модели RGB.

Введение возможности напрямую указать значение составляющих цветовых компонент модели RGB избавляет от необходимости пользоваться калькулятором или другими средствами для получения шестнадцатеричного кода цвета. Чтобы указать в качестве значения числовые составляющие цвета, можно задать, например, такие значения.

rgb (255, 255, 255), #FFFFFF или #FFF - белый;
rgb (000, 000, 000), #000000 или #000 - черный;
rgb (255, 000, 000), #FF0000 или #F00 - красный;
rgb (000, 255, 000), #00FF00 или #0F0 - зеленый;
rgb (000, 000, 255), #0000FF или #00F - синий.
Выделить код в новом окне
Задание URL.

В некоторых свойствах в качестве значения надо указывать URL. Чаще всего такие значения свойств используются при задании фоновых изображений или, например, для определения графических маркеров для списков. Формат задания универсального идентификатора ресурса следующий: сначала идет обозначение функции URL, а затем в круглых скобках указывается путь к файлу.

BODY { background-image: url (/images/background.gif) }
Выделить код в новом окне
Предупреждение! В CSS путь к файлу определяется относительно таблицы стилей, а не HTML-документа. Поэтому при описании URL следует быть особенно внимательным, когда таблица стилей хранится во внешнем файле.

  • Страница 1 из 1
  • 1
Поиск: