Псевдоэлементы - это те части верстки которых реально не существуют в HTML документе. С псевдоэлементами существует маленькое недорозумение, так как по правилам они должны начинатся с двойного двоеточия ::, но на практике все используют только одинарное:. Браузеры сами добавляют второе двоеточие.
Создание шаблона начинается из заготовки уже готового документа html. У каждого верстальщика свои способы начать верстать, так как я верстаю в большентве под DLE, то и со временем выробатался свой метод начала работы.
В создание шаблона (index.html), я использую два файла .css если нужно то в конце их обьединяю. Первый файл ➫"styles.css" содержит сброс и дизайн сайта, а второй ➫"sitka.css" общие стили и медиа запросы. Для шаблонов DLE предусмотрен еще файл "nuz.css" который содержит нужные стили самого движка (всплывающие окна,