学習サイト見たら分かるような気がするが、書いてなさそうな事で、これが最初から分かっていたら良かったのにと思えそうなところとしては

1.HTMLってテキストに目印つけるだけのもん。
2.CSSはその目印に対して指定を行って、見た目を変えるもの。

っていう認識が出来ているかどうかで理解が変わりそうな気がします。

1の目印にはそれぞれ意味があって構造だったりがSEOにも関係したりする。

2の目印の指定の仕方（セレクタ）と見た目を変える設定（プロパティ）というくらいの枠組み分かったら良いんじゃないでしょうか。

CSSで躓きそうなところとしては、優先順位もある。
あとから読み込んだ方が優先（上書き）されるとか。
セレクタの指定方法によって優先順位がある。

HTML云々の話は置いておいて、CSSだけ出来ればいいなら、divだけで始めたら良い。
classやidもclassだけ名前指定してdisplayの種類でベースが決まるって分かればそれだけでも楽になるような気がします。

初学者で知らない人もいるかもしれないのが、ブラウザの機能を使い倒すこと。

Chromeだったらデベロッパーツール便利。Windowsならとりあえず参考にしているWebページの適当なところ右クリックして「要素」って選んでみたら良いと思います。