Создал: гл. администратор
Меры единиц CSS
Что такое CSS
CSS - специальный компьютерный язык, который служит, чтобы задавать стили (цвета, размеры, шрифты, анимации и так далее) различным частям веб страницы. Здесь будут рассмотрены способы задания размеров шрифта и блоков.Зачем нужны единицы измерения
Ширину различных элементов можно задавать с помощью разнообратных единиц измерения, каждый тип подходит под определённую ситуацию. Например, иногда нужно чтобы картинка была ровно половиной родительского элемента, а иногда ровно половиной всего экрана. Кроме размеров (ширины и высоты) элементов, так же можно задавать размер шрифта, отступы и так далее. Полный список всех единиц измерения CSS смотрите ниже.Меры единиц CSS
| Единица измерения | Описание | Пример |
| px | Устанавливает измерение в пикселях экрана. | p {font-size: 16px;} |
| % | Размер в процентах, в зависимости от размера родительского элемента | p {font-size: 50%;} |
| em | Равен стандартному размеру шрифта, например если размер шрифта равен 12px, то 1em = 12px, а 2em = 24px | h3 {font-size: 3em;} |
| vh | Равен 1% высоты окна просмотра. | h1 {font-size: 2.0vh;} |
| vw | Равен 1% ширины окна просмотра. | h2 {font-size: 2.0vw;} |
| ex | Используется редко. Единица равна высоте тела буквы, исключаея различные выпирающие линии (например, левая линия у буквы "Р") | div {width: 7ex;} |
| in | Сокращение от английского inch, или дюйм. 1in = 1 дюйм | h2 {word-spacing: .10in;} |
| mm | Устанавливает измерение в миллиметрах. | div {padding: .2mm;} |
| cm | Определяет измерение в сантиметрах. | span {margin-top: 3cm;} |
| pc | Определяет измерение в пиках. Пика это то же, что и 12 пунктов (12pt). | h3 {font-size: 5pc;} |
| pt | Определяет измерение в типографских пунктах (твип). Пункт равен 1/72 дюйма или 25,4/72 мм = 0,3528 мм. В странах СНГ, входящих в Таможенный союз, 1 пункт равен 0,376 мм. | h5 {font-size: 15pt;} |
| vmin | Равен 1vw или 1vh, в зависимости от того, что меньше. | div {font-size: 10vmin;} |