akokin

Я пользую CintaNotes
у него есть море преимуществ, но самое главное, что из любой программы добавляется текст одним хоткеем.
Вот например тут в тостере понравился пост, захотел сохранить - выделяю нужный текст, и жму контрол+ф12, и текст уже добавился в базу знаний и открылось небольшое окошко всплывающее, где я нажал стрелку вниз, перейдя в поле тегов, и прописываю уже теги. если надо, еще одно нажатие стрелки вниз и я добавляю коммент к заметке. Жму контрол+энтер, и продолжаю читать тостер.
Цинта также может синхронизироваться(или бекапиться) с онлайновой базой SimpleNote (ее авторы та же команда что и Вордпресс), а у нее есть клиент на мобильном.
Потому жена контрол+ф12 на компе, и пишет "картошка, морковка, батон, кефир", контрол+энтер. И у меня в мобильном в гастрономе уже есть список что купить.
Ну, как то так.
Там есть также вкладки(можно разделить заметки между разными видами деятельности)

касаемо чтения ( не повторяя банальность про необходимость практики и что только она мерило знаний)
читать нужно минимум два раза. Первый раз бегло. второй вникая. Поэтому пол книги можно бегло прочитать не особо тратя время. И это будет в несколько раз меньше того времени которое нужно потратить на освоение второй половины.

Попробуй в начале файла где используется кириллица.
# -*- coding: utf-8 -*

https://webref.ru/css + опыт + Большая книга CSS + опыт + css-tricks.com + опыт. Курсы в помойку.

Python отлично подойдёт под ваши задачи, особенно в связке с PyQt4 или PyQt5 и никакой C# вам не нужен. Советую начать изучать связку Python и PyQt по книге Прохорёнка по автору легко найдёте в сети. Мощь Qt и легкость Python очень классная штука.

before и after
примерно так

1. да
2. да

Элемент может быть родителем для вложенных элементов, то есть, по отношению ко вложенным элементам он будет являться контейнером.

flex - занимает всю ширину (если не указано иное)
inline-flex - занимает ширину по содержимому. В остальном ведет себя как flex. Это аналог inline-block для блочной верстки.

1. Это написано наверно в начале всех туториалов. Да, можно. Вложенные flex - это часть стандарта.
2. Сколько угодно. Это не вредит производительности.
3. в ie всё работает, но есть куча ньансов, которые описаны вот тут https://github.com/philipwalton/flexbugs. Есть еще куча багов, вылазящих из-за взаимодействия с таблицами, которые там не описаны и еще проблемы с адаптивностью и т.д, которые решались мной через max-width. Но может вам повезет.
4. inline-flex от flex. А чем отличается block от inline-block? Тем что можно разместить блок в строке, на который будет действовать, скажем, vertical-align

Сам юзаю это: вложенность и IE9+ - всё работает корректно.

Вот так

Вариант с псевдоэлементами:
https://codepen.io/abnmt/pen/yKOzOM

Вариант с linear-gradient:
https://codepen.io/abnmt/pen/KozXmW