Некоторые css свойства могут быть записаны в сокращенном виде, что сэкономит место.
Например font-style, font-variant, font-weight, font-size, line-height, font-family можно написать используя сокращенную форму записи:
-
h2 {
-
font-style:5em;
-
font-variant:5em;
-
font-weight:5em;
-
font-size:5em;
-
line-height:5em;
-
font-family:5em;
-
}
-
h2 {
-
font:italic small-caps bold 80%/120% arial, helvetica, sans-serif;
-
}
К примеру можно внутренний отступ (padding) записать в сокрещенной форме несколькими способами. В данном случае порядок следования значений играет важную роль. Порядок следования значений начинается сверху и дальше по часовой стрелке: вверх, право, низ, лево.
-
h2 {
-
padding-top:1em;
-
padding-right:2em;
-
padding-bottom:3em;
-
padding-left:4em;
-
}
-
h2 {
-
padding:1em 2em 3em 4em;
-
}
Также можно использовать 1,2 или 3 значение для того, чтоб создать отступ. Например:
-
h2 {
-
padding:1em;
-
}
Эта запись означает, что будет для заголовка второго уровня будет установлен отступ со всех сторон 1em.
-
h2 {
-
padding:1em 2em;
-
}
Эта запись означает, что для заголовка второго уровня будет установлен отступ 1em сверху и снизу, а по бокам - 2em.
-
h2 {
-
padding:1em 2em 3em;
-
}
Эта запись означает, что для заголовка второго уровня будет установлен отступ 1em сверху , а 2em - вправо, 3em - влево.
