короткие записи свойств
Оригинал: Shorthand properties
Некоторые 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 значение для того, чтоб создать отступ. Например:
Эта запись означает, что будет для заголовка второго уровня будет установлен отступ со всех сторон 1em.
Эта запись означает, что для заголовка второго уровня будет установлен отступ 1em сверху и снизу, а по бокам - 2em.
h2 {
padding:1em 2em 3em;
}
Эта запись означает, что для заголовка второго уровня будет установлен отступ 1em сверху , а 2em - вправо, 3em - влево.
Добавить комментарий
