Кавычки в CSS

CSS, как и HTML — технология, которую большинство людей изучают не по официальным спецификациям, а просто читая чужой код. И это хорошо тем, что позволяет быстро достичь результата, не разбираясь досконально в каждом аспекте. Однако из-за этого же часто получается, что из кода в код (и из года в год) копируются одни и те же мелкие заблуждения...

Одно из них — кавычки вокруг названий шрифтов и вокруг URL'ов:

{
  font-family: "Times New Roman", serif;
  background-image: url("body.png");
}

На самом деле их можно совершенно официально опускать:

{
  font-family: Times New Roman, serif;
  background-image: url(body.png);
}

Все то же самое, просто выглядит слегка менее лохмато.

А кавычки реально нужны, если вам надо передать в строке символы-разделители. Например, если название шрифта содержит запятую или URL картинки — закрывающую скобку. Часто ли вы с такими встречались? :-)