Style zapisywania CSSa

Ludzie mają różne style pisania swojego kodu CSS. Chcesz dążyć do maksymalnego ułatwienia czytelności i przejrzystości dla siebie i każdego, kto może odczytać kod po tobie.
Oto kilka sposobów pisania reguły stylów, które mogą przyczynić kod jest bardziej czytelny.

Reguła stylu wszystko w jednej linii

selektor {właściwość: wartość; właściwość: wartość; właściwość: wartość;}

Zalety: Wszystkie style są w jednej linii, a tym samym łatwe do znalezienia w dokumencie. Wady: Znalezienie pary właściwość-wartość, której szukasz może być trudne.

Selektor oddzielony od reguł stylu
selektor {
właściwość: wartość;
właściwość: wartość;
właściwość: wartość;}

Zalety: Blok styl-deklaracja znajduje się w osobnej linii od wyboru, który może ułatwić znalezienie zarówno selektora i deklaracji.

Wady: Zapisywanie deklaracji w oddzielnych liniach może sprawić, że plik CSS wyda się być nieznacznie większy.

Selektor oddzielone od reguł stylu, deklaracje wcięte
selektor
{
właściwość: wartość;
właściwość: wartość;
właściwość: wartość;
}

Zalety: Blok styl-deklaracja znajduje się w osobnej linii, a więc łatwo odróżnić selektor i styl. Deklaracje stylów są łatwe do znalezienia. Możesz dodawać nowe deklaracje bez obawy o wspornika końcowego.

Wady: Pisanie deklaracji na oddzielnych liniach może sprawić, że plik CSS wyda się być nieznacznie większy.