スタイルシート（ｃｓｓ）のデザインの考え方について説明したいと思います。
考え方で重要なのはボックスでのレイアウトを意識することだと思います。
初心者の場合、ボックスでのレイアウトと言われてもピンとこないと思います。私も最初はさっぱりわかりませんでした。
ですが、この考え方さえ解ればとてもラクになります。
ボックスとは「ハコ」です。そのまんまですが・・。
ハコを並べてレイアウトを作っていると想像してもらうと良いかもしれません。１個の大きなハコを作り、その中に小さなハコを上のほうに置く。その中にタイトルの文字を入れる。
その下にもう１個大きめのハコを作る。その中に文章を入れる。
さらにその下に小さめの箱をつくり、製作者名など入れるフーターを作る。
こんな感じです。つまり四角で全体の輪郭をつくり、その中にタイトル等を入れるヘッダー、文章をいれる部分、フーターを入れます。
これでごく簡単なレイアウトが出来上がります。実際にはもっと細かいデザインの指定もして、より良いデザインにする事が必要ですが最初はボックスの考え方さえ理解できれば充分だと思います。