Единицы измерения css
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера.
Относительные единицы
Единица |
Описание |
em |
Высота шрифта элемента |
ex |
Высота символа x |
px |
Пиксел |
% |
Процент |
Практически все браузеры вычисляют значение ex как удвоенное em. Возможно это и резонное приближение, но технически неверное. Наиболее используемыми единицами являются пикселы и проценты. Но они зависят от разрешения монитора, его размеров и других системных настроек.
Абсолютные единицы
Единица |
Описание |
in |
Дюйм (1 дюйм равен 2,54 см) |
cm |
Сантиметр |
mm |
Миллиметр |
pt |
Пункт (1 пункт равен 1/72 дюйма) |
pc |
Пика (1 пика равна 12 пунктам) |
Самой, пожалуй, распространенной единицей является пункт, который используется для указания размера шрифта. Многие люди привыкли задавать размер шрифта в текстовых редакторах, например, 12. А что это число означает, не понимают. Так это именно пункты и есть. Пункт, пожалуй, единственная величина из не метрической системы измерения, которая используется повсеместно. И все благодаря текстовым редакторам и издательским системам.
Попробуем сами
Задание.
Используя полученные знания, примените к созданному в лабораторной №9 проекту
единое фоновое оформление,
стиль оформления заголовков с разреженным межбуквенным расстоянием и отступом от основного текста,
оформите оглавление в виде маркированного списка в виде картинок, оформите каждый параграф с отступом красной строки,
выделите цветом и размером все встреченные в параграфах жирные начертания
создайте два класса ссылок: для оглавления и межстраничные.