Как правильно писать .css?

Все очень просто представьте если вы вписали в html
типа
<style type="text/css">{css}</style>
Таким типом вам нужно будет все страницы подключать
Намного удобнее использовать отдельный файл типа
<link href="https://pr-cy.ru/jump/?url=%7B%D0%BF%D1%83%D1%82%D1%8C+%D0%B4%D0%BE+css+%D1%84%D0%B0%D0%B9%D0%BB%D0%B0%7D" media="screen" rel="stylesheet" type="text/css" />

Кстати почитайте про LESS

Ну для всех страниц написал в main.tpl. А остальное по пути.

везде рекомендуют выносить css в отдельный файл, для того чтобы очистить семантическую структуру страниц сайта (читай логическое постороение где используются только основные теги разметки) от технического мусора затрудняющего чтнеие кода. Кроме того вынесенный отдельно файл стилей можно сжать обфускацией или вообще отдавать на сторону клиента в виде например жатых гзипов с распаковкой на стороне браузера, что в свою очередь снизит время загрузки каждой страницы. Ну и плюс - отдельный css можно кешировать на стороне браузера.

Спасибо Буду переделывать.

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

Лучше делать ссылку на файл с css кодом, потому что в плане оптимизации у вас будет грязный код, а это не любят пс.

http://cs6082.userapi.com/u16000034/docs/85f12877f03c/file.gif