こんにちは。ご質問ありがとうございました。

なにか効果的な練習方法や、分かりやすい考え方などがあれば教えて頂きたいです。

このあたりは慣れないと難しいですよね...。基本的にはたくさんのコードを書きながら徐々に慣れていくしかないのですが、いくつか個人的に心がけていることを紹介してみます。

よく使われるクラス名を把握しておく

よく使われるクラス名などは以下のリストのように他の人がまとめていたりします。こうしたリストを参考に「これは使えそうだな」と思ったらメモしておいて使ってみるのがいいでしょう。

・CSSのクラス名を決めるときに使うリストをつくりました - Qiita
https://qiita.com/manabuyasuda/items/dbb76ed36970bec95470

迷いすぎない

クラス名に迷ってしまうと手が止まりがちですが、HTML/CSSの場合、名前やタグが間違えていてもブラウザが壊れる、といったことはないので、とりあえず「えいや！」で決めてしまうぐらいの気軽さが必要かな、と思います。そのうえでなにか不都合がおきたら変更する、といった方針でもよいでしょう。

「vs」や「違い」で検索する

なにか候補があって、「どちらにしたらいいかわからない...」という場合、「vs」や「違い」で検索すると良いでしょう。たとえば「wrapper vs container」などですね。個人的には作業中にもっともよく使う検索キーワードのひとつとなっています。

以上、参考にしていただければ幸いです。

ご返信ありがとうございます。
頂いた回答を参考に、学習したいと思います。

マークアップする際ですが、最初に header main footer などある程度のブロックを分かりやすく色分けしてから行う方がよろしいですか。それとも header main と順番に行った方がいいのでしょうか。

よろしくお願いします。

こんにちは。ご確認ありがとうございました。

マークアップする際ですが、最初にheader main footerなどある程度のブロックを分かりやすく色分けしてから行う方がよろしいですか。それともheader mainと順番に行った方がいいのでしょうか。

これはどちらでもいいと思います！進めやすい方で実装してみてください（個人的には前者の方法で進めることが多いですね）。

ありがとうございました！

参考になったようでなによりです！またなにかございましたらご利用ください。