Для выноса стилей в Drupal можно использовать модуль CSS Injector.

1. Установите и активируйте модуль CSS Injector в административной панели Drupal:

Администрирование -> Модули -> CSS Injector -> Включить

2. После установки модуля перейдите на страницу настройки CSS Injector, где вы сможете добавить свои стили:

Администрирование -> Конфигурация -> Система -> CSS Injector

3. На странице CSS Injector добавьте новый CSS-код и примените его к нужным страницам или регионам сайта.

Например, чтобы применить стили только к определенному региону сайта, введите следующий код:
.region-name {
  /* ваш стиль здесь */
}

Примеры программного кода для выноса стилей в Drupal:

/* Пример 1: Добавление стилей для всего сайта */

body {
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
}

/* Пример 2: Применение стилей к определенному заголовку */

h1.my-title {
  color: #ff0000;
  font-size: 24px;
}

/* Пример 3: Изменение цвета ссылок в футере */

.footer a {
  color: #00ff00;
}

Дополнительные вопросы:

1. Как добавить дополнительный CSS-класс к элементу на странице Drupal?

Чтобы добавить дополнительный CSS-класс к элементу на странице Drupal, откройте его шаблонный файл и добавьте атрибут class с нужным значением:

<div class="my-class">Содержимое</div>

2. Как использовать внешние файлы стилей в Drupal?

Для использования внешних файлов стилей в Drupal добавьте следующую строку в шаблонный файл вашей темы:

<link rel="stylesheet" type="text/css" href="/path/to/your/style.css">

3. Как перезаписать стили из основной темы в Drupal?

Для перезаписи стилей из основной темы в Drupal создайте файл с темой вашей темы (например, mytheme.theme) и добавьте следующий код:

function mytheme_preprocess_page(&$variables) {
  drupal_add_css(drupal_get_path('theme', 'mytheme') . '/css/my-custom-styles.css');
}