В чем отличие template_styles.css от styles.css в битриксе?

Question

[Programmir]

Читал курс, но так и не понял в чем отличие. Какие стили хранить в одном файле, а какие в другом?

Answer 1

[Андрей Николаев]

template_styles.css отвечает за стили шаблона, который будет отображаться у пользователя на странице
styles.css - стили которые будут использовать в ВИЗУАЛЬНОМ РЕДАКТОРЕ при создании/редактировании страницы.

Например: в template_styles.css может быть определен стиль:

div {
	font-weight:bold;
}

И для всего сайта у вас весь текст в div будет жирный.
Но в визуальном редакторе может быть прописано:

div {
	font-weight: normal;
}

Таким текст на всем сайте у Вас будет жирный, а в визуальном редакторе нет. Вот и получиться, что Ваш визуальный редактор не такой уж и визуальный.
Для того чтобы этого не произошло, дополнительно и существует этот файл :)

Answer 2

[Алексей Емельянов]

В курсе всё же расписано:

Стили, используемые в шаблоне дизайна, хранятся отдельно в файле template_styles.css.. Это - основной CSS-файл шаблона.

стили, используемые при оформлении контента страниц (стили сайта), хранятся в файле styles.css. Стили из этого файла выводятся в выпадающем списке стилей при редактировании страниц в визуальном редакторе.

Comments

[Programmir]

вот как раз я этого и не понял. и там, и там для сайта используется

[Programmir]

Допустим, я хочу увеличить шрифт на сайте. Где мне это прописывать - в styles.css или в template_styles.css?

[Алексей Емельянов]

Programmir, Если хардкорно упростить, то:

1. все стили которые относится к header.php и footer.php храните в template_styles.css
2. все стили которые относятся к рабочей области храните в styles.css
3. стили в template_styles.css переопределяют то что находится в styles.css (потому что template_styles.css подключается после styles.css )

[ae2019]

Нет, в документации вовсе не так написано.
Написано очень криво, масло масленное.
Цитирую

Закладка Стили сайта служит для описания таблиц каскадных стилей (CSS), используемых на страницах сайта. Описание стилей хранится в файле styles.css в папке шаблона сайта.
Закладка Стили шаблона служит для описания таблиц каскадных стилей (CSS), используемых в шаблоне. Описание стилей хранится в файле template_styles.css в папке шаблона сайта.

Как-будто есть какие то стили шаблона сайта, а есть стиль сайта, бред. Я все больше убеждаюсь, что документация написана так специально, чтобы максимально запутать человека и начинаю догадываться почему.