CSS значения
Каковы значения CSS?
Значения CSS задаются в свойствах CSS и находятся в блоке объявления CSS, который является частью правила / оператора CSS.
CSS 2.1 допускает следующие типы значений: целые и действительные числа, длины, проценты, URL и URI, счетчики, цвета,
Строки, неподдерживаемые значения.
Целые и действительные числа
В качестве значений CSS можно использовать целые и действительные числа . При использовании им может предшествовать знак + или -. Десятичные числа также допускаются.
Используется в следующих свойствах CSS
z-index, line-height, counter-increment. Также может использоваться в качестве цветовых значений CSS.
Длины
Длина может использоваться для указания горизонтальных или вертикальных измерений.
При использовании за <длина> сразу следует единица измерения. Между номером и устройством не должно быть пробела. Для определенных свойств допустимы отрицательные длины, но для определенных свойств использование отрицательного значения является результатом ошибки.
Используется в следующих свойствах CSS
ширина, поля, отступы, размер шрифта, ширина рамки, тень текста и т. д.
Единицы
В CSS используются два типа единиц измерения: относительные и абсолютные .
Относительные единицы относятся к другой длине. Если они используются, они могут генерировать гибкий вывод на различных носителях (например, экран, печать). Абсолютные единицы измерения используются для указания фиксированной ширины независимо от области просмотра. Полезно, когда известна длина выходного носителя.
Относительные единицы, используемые в CSS :
Единица измерения | Знак используется | Описание |
---|---|---|
пиксель | ПВ | Пиксель просмотрового устройства. |
Эм | Эм | Соответствующий размер шрифта. |
бывший | бывший | Высота x соответствующего шрифта. |
Абсолютные единицы измерения, используемые в CSS
Единица измерения | Знак используется | Описание |
---|---|---|
дюймов | в | 1 дюйм равен 2,54 сантиметра и примерно 96 пикселей. |
см | см | Известна единица измерения. 100 см = 1 метр. |
миллиметры | мм | Известная единица измерения. 1000 мм = 1 метр |
Точки | пт | 1 точка = 1/72 дюйма |
Пики | ПК | 1 пика = 12 баллов. |
Процентное соотношение
Проценты можно использовать, указав число, за которым следует « % ».
Используется в следующих свойствах CSS
ширина, отступ, размер шрифта и т. д.
URL и URI
URL и URI используются в качестве значений CSS для указания на ресурс (например, изображение) . Формат значения URI - url («URL»). Цитата вокруг URL необязательна. Вы также можете использовать Относительные URI.
Используется в следующих свойствах CSS
фоновое изображение, курсор, стиль списка и т. д.
Счетчики
Счетчики обозначаются чувствительными к регистру идентификаторами. Формат использования счетчиков: counter (counter-identifier) . Типичным примером идентификатора счетчика является per-num.
Используется в
Может использоваться с большинством, если селекторы элементов и псевдоселекторы.
Цвета
Цвет - это либо ключевое слово, либо числовая спецификация RGB, либо шестнадцатеричное значение цвета . Он используется для установки цвета текста, написанного в документе HTML.
Используется в
color, background, border или box-shadow являются типичными примерами свойств CSS, которые используют цвета в качестве значения. Большинство свойств CSS принимают цвет в качестве значений.
Единицы
Ключевые слова | RGB | Гекса десятичный |
---|---|---|
вода | 0,25,255 | # 00ffff |
черный | 0,0,0 | # 000000 |
синий | 0,0,255 | # 0000FF |
фуксия | 255.0.255 | # FF00FF |
серый | 128128128 | # 808080 |
зеленый | 0,128,0 | # 008000 |
Лайм | 0,255,0 | # 00ff00 |
темно-бордовый | 128,0,0 | # 800000 |
флот | 0,0,128 | # 000080 |
оливковый | 128,128,0 | # 808000 |
оранжевый | 255,165,0 | # ffA500 |
пурпурный | 128,0,128 | # 800080 |
красный | 255,0,0 | # ff0000 |
Серебряный | 192192192 | # c0c0c0 |
чирок | 0128128 | # 008080 |
белый | 255255255 | #ffffff |
желтый | 255,255,0 | # FFFF00 |
Струны
Формат написания строк может быть либо с двойными кавычками, либо с одинарными кавычками.
Используется в
Большинство свойств CSS принимают строки в качестве значений.
Авто
Авто - это значение, автоматически рассчитываемое пользовательскими агентами (например, браузерами).
Используется в следующих свойствах CSS
Переполнение, курсор, ширина, смещение маркера, поле, снизу, слева, макет таблицы, z-индекс.
унаследовать
Элемент, который содержит наследуемое значение , подтверждает значение того же свойства CSS своего родительского элемента.
Используется в следующих свойствах CSS
Все свойства CSS могут принимать наследование .
начальный
Если используется, соответствующий элемент принимает начальное значение / значение по умолчанию (например, начальное значение свойства CSS цвета - черный).
Используется в следующих свойствах CSS
Почти все свойства CSS могут принимать начальные .
Никто
Если указано, никакое значение не прикрепляется к соответствующему элементу, часто вызывая скрытие элемента.
Используется в следующих свойствах CSS
Почти все свойства CSS не могут принимать ни одного .
Никто
Если указано, никакое значение не прикрепляется к соответствующему элементу, часто вызывая скрытие элемента.
Используется в следующих свойствах CSS
границы, список-стиль-типа, макс высота.
форма
Используется для создания формы для свойств CSS, таких как клип.
Не поддерживается
Если значение не поддерживается пользовательским агентом, оно игнорирует это значение как недопустимое значение.
Предыдущая: CSS комментарии
Далее: указанные, вычисленные и фактические значения
Новый контент: Composer: менеджер зависимостей для PHP , R программирования