Каскадные таблицы стилей: CSS сокращения

22 Март 2011, рубрика: HTML и CSS зарисовки | Подготовил:

CSS для сайта Распространенные сокращения CSS кода

Рассмотрим некоторые особенности написания CSS кода. В синтаксисе Каскадных таблиц стилей предусмотрены несколько способов описания одних и тех же свойств элементов страницы.
К примеру, граница параграфа определяется кодом: p {border-width: 1px; border-style: solid; border-color: #009}. Эта запись может быть представлена более коротко: p {border: 1px solid #009}. Согласитесь, так лучше. В данном случае описаны свойства и верхней, и нижней, и левой, и правой границы, но можно создать только правую или только левую границу, например, p {border-left: 1px solid #009} и так далее, если нужно.

Свойства шрифта элементов страницы очень часто или, как правило, задаются таким способом: p {font-weight:500; font-size:13px; font-family: Verdana}, но можно и покороче: p {font: 500 13px Verdana}.

CSS размеры элементов страницы записываются либо в пикселях, например, p {width: 200px}, либо в процентном соотношении: p {width: 90%}. Размер в CSS также может обозначаться с помощью буквы m, например, p {font-size: 2em}. В этом случае 2em равно ширине и высоте двум буквам m текущего шрифта.

CSS размеры могут быть указаны в сантиметрах cm или миллиметрах mm, что обычно делают очень редко.

8 комментариев

  1. 10 Май 2011 в 14:02
    Владимир
    • 10 Май 2011 в 16:58
      Вася Митин
  2. 20 Май 2011 в 13:49
    Владимир
    • 20 Май 2011 в 16:25
      Вася Митин
  3. 24 Май 2011 в 18:05
    Владимир
  4. 24 Май 2011 в 19:58
    Вася Митин
  5. 6 Июль 2011 в 17:33
    Ричард

Ваше мнение