css

Можно так:

/* 
 * Подключени бустрапа
 */
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

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

wp_enqueue_style( CURRENT_THEME, CHILD_URL . '/main-style.css', 
    false,
    null, 'all' );

Нужно было добавить список имен-зависимостей:

Почитав о переопределении CSS/JS бустрапа в yii2, становится ясно, что самый простой путь, если вы установили bootstrap4 (совместно с bootstrap 3 можно так), просто поменять

echo \yii\bootstrap\Alert::widget([

на

echo \yii\bootstrap4\Alert::widget([

в самом классе Alert, так чтобы код был (я правил common/widgets/Alert.php):

Третья глава онлайн-учебника "JQuery для начинающих". Оглавление здесь.

Атрибуты элементов и CSS

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

Проблема

Например, может не работать такой CSS атрибут:

content: "\e621"; 

-- вообще речь идёт об иконочном шрифте.
Видимо, файл шрифта не подгружается

Решение (оперативное)

В принципе можно использовать вместо него UTF-8 символ :
✖
--
и его же можно вывести так (пример целиком):

#closepop::before {
    content: "\2716";
}

т.е. конкретное свойство:

content: "\2716";

Подключать ресурсы

в проекте с помощью Yii2 можно с помощью класса AppAsset (extends AssetBundle) или классов, унаследованных от него.
Подробнее о нём можно прочитать в документации к Yii2, конкретно здесь. Или посмотреть видео пример.

Можно на сайте HTML Academy. Это онлайн-курсы: информативно и занимательно. Достаточно большой объём знаний можно получить бесплатно.

1. Регистрируемся на сайте
2. Начинаем с курса "Знакомство"
3. Далее по мере выполнения, изучаем более сложные темы -- все первые уроки бесплатны, ими для начала можно и ограничиться.

На сайте очень удобный интерфейс. Задания описаны понятным языком, не заблудитесь.

Добавить файлы сразу на многие страницы ("в шаблон") можно ранее оговоренным способом.

Подключить CSS файл в конкретном представлении (view) можно так:

$this->registerCssFile('/css/vendor/jquery-ui.css');

Полная форма вызова выглядит как-то так:

В данной статье я опишу процесс создания простого всплывающего окна с затемнением экрана с использованием чистого JavaScript (никаких библиотек), html и css.
Опишем последоватльность действий, которые будут на странице.