基本的に「BEM記法」に則り,これにアレンジを加えています。
スタイル適用はHTMLタグとclassに対して行い,idはJavascript(JS)でDOM操作を行うために使うこととします。したがって,属性にidが指定されるということはclassも同時に指定されるということになります。
オーソドックスにヘッダー・サイドバー・メイン・フッターの3ブロックに分けておき,クラスを指定します。次にその下に付くグループをパネルと呼び,そのパネルににエレメントを入れていきます。これが終わると,各エレメントは階層的な従属となります。