Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Единицы измерения в CSS

Для задания значений свойств элементов в CSS используются различные единицы измерения. Это единицы длины, задания цвета и URL.

Единицы длины

Единицы длины задают размеры объектов, полей, рамок, отступов, шрифтов и высоты строки. Делятся на 2 класса абсолютные и относительные

Абсолютные величины имеют фиксированный размер, не зависящий от других величин. Рассмотрим их ниже.

  1. cm. 1cm - это 1 сантиметр;
  2. mm. 1mm - 1 миллииметр;
  3. in. 1in - 1 дюйм (2,54 см);
  4. pt. 1pt - это 1 типографический пункт. 1pt = 1/72 дюйма. Обычно используется для работы с текстом (задание абзацных отступов, шрифтов);
  5. . 1pc - 1 пика. 1pc = 12pt = 1/6 дюйма. Используется, также, для работы с текстом.

Относительные единицы измерения устанавливают относительно какой-либо величины. В CSS 3 относительных величины:

  1. px. 1px - 1 пиксель, точка на экране устройства вывода графической информации (монитора, экрана мобильного телефона, смартфона);
  2. em. 1em равен размеру (высоте) шрифта, используемого в данном элементе. Если в абзаце шрифт равен 14 пикселям, тогда 1em = 14px;
  3. ex. 1ex равен высоте строчной буквы x в шрифте. Зависит от размера шрифта, так как размер буквы x также зависит от размера шрифта.

Процентные величины

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


Задание цвета в CSS

Цвета в CSS можно задавать тремя способами. Первый способ - указание цвета элемента при помощи слова, например red. Второй и третий способ - задание цвета элемента при помощи цветовой модели RGB. Расшифровывается аббревиатура RGB как Red Green Blue (Красный Зелёный Синий). Комбинируя в различном процентном соотношении эти 3 цвета на чёрном фоне (цвет монитора) можно получить все остальные цвета и оттенки. Рассмотрим оба способа задания цвета при помощи RGB-модели.

Значения основных цветов можно увидеть на этой странице.


Задание URL

В некоторых свойствах в качестве значения необходимо указывать URL. В этом случае сначала пишется слово url, затем в круглых скобках путь к файлу, например:

body {
background-image:url(picture.gif);
}

Путь к файлу определяется относительно таблицы стилей, а не html-документа, к которому она (таблица) подключена! На этом всё.


<<Предыдущая | В раздел | Следующая>>