Короткие записи свойств

Некоторые css свойства могут быть записаны в сокращенном виде, что сэкономит место.

Например font-style, font-variant, font-weight, font-size, line-height, font-family можно написать используя сокращенную форму записи:

  1. h2 {
  2. font-style:5em;
  3. font-variant:5em;
  4. font-weight:5em;
  5. font-size:5em;
  6. line-height:5em;
  7. font-family:5em;
  8. }
  9. h2 {
  10. font:italic small-caps bold 80%/120% arial, helvetica, sans-serif;
  11. }

К примеру можно внутренний отступ (padding) записать в сокрещенной форме несколькими способами. В данном случае порядок следования значений играет важную роль. Порядок следования значений начинается сверху и дальше по часовой стрелке: вверх, право, низ, лево.

  1. h2 {
  2. padding-top:1em;
  3. padding-right:2em;
  4. padding-bottom:3em;
  5. padding-left:4em;
  6. }
  7. h2 {
  8. padding:1em 2em 3em 4em;
  9. }

Также можно использовать 1,2 или 3 значение для того, чтоб создать отступ. Например:

  1. h2 {
  2. padding:1em;
  3. }

Эта запись означает, что будет для заголовка второго уровня будет установлен отступ со всех сторон 1em.

  1. h2 {
  2. padding:1em 2em;
  3. }

Эта запись означает, что для заголовка второго уровня будет установлен отступ 1em сверху и снизу, а по бокам - 2em.

  1. h2 {
  2. padding:1em 2em 3em;
  3. }

Эта запись означает, что для заголовка второго уровня будет установлен отступ 1em сверху , а 2em - вправо, 3em - влево.

 

Войти



Последние комментарии

  • Hi, i think that i saw you visited my site thus i ...
  • [21:59:41] ЕВГЕНИЙ ФИНИЧЕНКО: 495 -1770 войны прес...
  • Спасибо огромное за информацию !
  • А зачем нужен вообще strong, когда есть просто b?
  • Чем отличаются margin-top от margin-bottom?