HTML дается легче, так как основное, что нужно знать о нем, это:
1) Какие есть теги, их предназначение и атрибуты. Тегов не так уж много и большая часть редко используется
Теги HTML
2) Отличать строчные и блочные теги (с появлением HTML5 теги называют фразовыми и потоковыми). Это для того, чтобы правильно их вкладывать друг в друга, ну и на CSS-свойствах это отражается.
3) В HTML5 появились семантические теги, поэтому нужно иметь представление, как правильно ими пользоваться
Выбор элемента HTML5
4) И на первых порах пользоваться
Валидатором HTML
C CSS дела обстоят сложнее, так как там очень много основных моментов, в отличии от HTML, о которых стоит знать. Упомяну некоторые из них:
1) Селекторы
2) Наследование стилей
3) Каскадность
4) Свойства и значения этих свойств
5) Типы разметок веб-страницы (фиксированные, резиновые, эластичные, адаптивные)
6) Позиционирование
7) Способы верстки (float + margin, Flexbox, модульные сетки (Bootstrap, CSS Grid и т.д.))
Глянул курс на codebra.ru, могу сказать, что максимальная информация по CSS из него составит 5-10%
Мои рекомендации:
1) Купить или скачать книгу Дэвида Макфарланда "Новая большая книга CSS". Книга охватывает примерно 80% информации по CSS. Плюс в ней есть обучающие уроки.
2) Посмотреть бесплатные видеокурсы по HTML и CSS, Евгения Попова:
-
курс по HTML
-
курс по CSS
3) Касательно записей в тетрадь, могу сказать, что это полезная штука. Конспектировать лекции не стоит, нужно подходить следующим образом:
- теги HTML и их атрибуты можно не записывать в тетрадь, смысла особо нет, так как всегда можно глянуть на сайте, который я указал выше
- а вот свойства CSS все же стоит записывать, т.е. узнали новое свойство из видео/книги, то необходимо его записать и также указать те значения, которые оно принимает, например, {position: absolute | relative | fixed | static | sticky}, {clear: none | left | right | both} и т.д.