Стиль CSS кода

В учебнике HTML я уже говорил о важности выработки собственного стиля кода. Это относится и к другим языкам. Так как синтаксис CSS очень простой, то вариантов стиля кода этого язака немного. Рассмотрим самые распространённые.

Первый вариант стиля довольно экстримальный. При этом стиле селектор и все свойства записываются в одну строку, даже если она далеко уходит за границы экрана. Выглядит это так:

1	p { font-size: 30px; color: Yellow; }

Работать с таким кодом неудобно. Когда код короткий, он кажется лекго читаемым. Но стиль реальной страницы гораздо больше и при таком размере искать конкретное свойство достаточно трудно. Поэтому использовать такой стиль кода не рекомендуется. Впрочем, запретить никто не может.

Следующий вариант используется чаще всего. При этом варианте каждое свойство пишется на отдельной строке. Открывающая фигурная скобка находится на одной строке с селектором, а закрывающая на отдельной строке, она визуально отделяет один селектор от другого.

Пример:

2
3
4
5

p {
  font-size: 30px;
  color: Red;
  }

При следующем варианте и селектор, и фигурные скобки, и свойства располагаются на отдельных строках. Я использую именно такой стиль кода. Этот стиль может сформироваться у тех, кто начинал с алгоритмических языков программирования. Именно в них иногда используется этот стиль.

Пример:

6
7
8
9
10

p
  {
  font-size: 30px;
  color: Red;
  }

Я рекомендую Вам выработать свой стиль кода и придерживаться его. Так Вам будет удобнее работать со своими страницами.