По какому принципу называть стили в css?

Именовать классы нужно по значению, например в bootstrap есть разные контейнеры: растянутые на всю длину - название container-fluid и с отступами - название container. Стоит именовать классы на английском языке, ХОРОШО - main, ПЛОХО - glavniy.

По отступам вообще все просто. Есть теги, например:

<div class="one">
    <div class="two">...</div>
    <div class="two">
        <span class="two-b"><span>
    </div>
</div>

Каждая новая вложенность тега вставляется нажатием на таб. 3 вложенности - 3 таба и т.д.

Можно смотреть исходный код проектов/библиотек на гитхабе и анализировать как там именуют классы. Есть еще методология БЭМ, которую яндекс разработал по именованию классов, но на западе, ее мало кто использует, на сколько мне известно.  

Благодарю!