Свойство стиля позволяют указать набор связанных свойств CSS с одним свойством. Они объединяют связанные свойства в сокращенную форму. В большинстве случаев браузер задает значение по умолчанию, если вы оставите его необязательным. Заполнение CSS можно применять почти к каждому тегу HTML, за исключением некоторых табличных тегов. Кроме того, все четыре стороны элемента могут иметь другое значение.
Устанавливает заполнение со всех четырех сторон элемента одновременно и действует как сокращение для других свойств дополнения
Это свойство заполнения может иметь одно, два, три или четыре значения, каждый из которых имеет различный смысл следующим образом:
1. Устанавливает одинаковое дополнение ко всем четырем сторонам;
2. Первое значение применяет отступы сверху и снизу, а второе идет как дополнение к левой и правой сторонам элемента;
3. Первое значение применяется к верхней части, вторая добавляет отступы влево и вправо, а третье значение применяется к нижней части элемента;
4. Применяет прокладку со всех четырех сторон элемента в порядке сверху, справа, снизу и слева;
В CSS есть шесть стенографических свойств:
1.1. Шрифт
1.2. Задний план
1.3. Поле
1.4. Граница
1.5. Набивка
1.6. Список
Наиболее часто используемые свойства - это семейство шрифтов свойств. С помощью шрифта вы можете включить это полное объявление.
Код
p {
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: .9em;
line-height: 1.1em;
font-family: arial, helvetica, sans-serif;
}
В этом:
Код
p {font: italic small-caps bold .9em/1.1 arial,helvetica,sans-serif;}
В большинстве случаев вы должны указывать только размер и лицо например:
Код
p{font:.9em arial,helvetica,sans-serif;}
Свойства отступов и полей
Вместо того, чтобы указывать до четырех значений отступов или полей, можно использовать свойства сокращения и сокращения полей.
Поэтому вместо этого:
Код
div {
padding-top:1em;
padding-right:2em;
padding-bottom:1em;
padding-left:2em;
}
Вы можете сделать это:
Обратите внимание, что эти значения реплицируются в соответствии со спецификацией CSS, когда значения опущены. В нашем примере выше верхние и правые значения повторяются в нижней и левой части соответственно. Маргинальные и пограничные свойства имеют тот же синтаксис.
Стенографическое свойство
Свойства границы имеют восемь сокращенных свойств (border-style / width / color, border-top / right / bottom / left и border). Наиболее мощным является свойство сокращения границ, которое вы можете использовать, когда все стороны вашего элемента имеют одинаковые значения.
Поэтому вместо этого:
Код
div {
border-top: thin solid red;
border-right: thin solid red;
border-bottom: thin solid red;
border-left: thin solid red;
}
Вы можете сделать это, чтобы создать тонкую красную линию:
Код
div{border:thin solid red;}
Вы можете использовать свойства границы в комбинации, чтобы обнулить друг друга, чтобы сэкономить место и создать эффекты.
Например:
Код
div {
border:1px solid black;
border-top:0;
border-right:0;
}
Эта сокращенная форма определения стиля поддерживается большинством современных браузеров. Вы можете комбинировать стенографические свойства с группировкой, чтобы сэкономить еще больше. Мы рассмотрим группировку в предстоящей настройке
Одной из причин использования CSS для сайтов является уменьшение количества HTML сообщений отправленных посетителям сайта. Чтобы не перемещать раздувание с HTML на CSS, вы должны попытаться также уменьшить размер ваших файлов CSS. Большинство людей знают и используют некоторые сокращения, но многие из них не в полной мере используют эти свойства экономии пространства.
