Перейти к основному содержимому

3.10. Кавычки и запятые

Разработчику Аналитику Тестировщику
Архитектору Инженеру

Кавычки и запятые

Два важных вопроса, которые мучают начинающих программистов:

  1. Когда использовать кавычки двойные ("), одинарные ('), а когда апострофы ()?
  2. Когда использовать точки (.), запятые (,) и точку с запятой (;)?

В CSS можно использовать оба типа кавычек в значениях, где они требуются (например, в url() или content):

background-image: url("image.jpg");
content: 'Chapter 1';

Разницы между ' и " нет , но важно соблюдать консистентность (согласованность).

Апострофы — не являются частью синтаксиса CSS, но могут встречаться в строках (например, в content).

Используйте один стиль во всем проекте для лучшей читаемости.

Точка (.) : используется для выбора классов:

.container { width: 100%; }

Запятая (,) : разделяет селекторы:

h1, h2, h3 { color: red; }

Точка с запятой (;) : обязательна после каждого свойства:

p {
font-size: 16px;
color: black;
}

Последнее свойство в блоке можно без точки с запятой, но лучше всегда ставить — так проще редактировать код.