新規ページを制作する場合、ゼロから制作するのではなく、既存のページを基にして制作しましょう。

作りたいページに近いデザインのページをコピーして作ります。

コピーしたページにそのページ固有のid名やclass名が設定されている場合は、新しいページ用の名前に変更しましょう。

内容を変更していくことで、タグやid、classの組み合わせが基のページと変わってきます。

それによってcssが反映されなくなることもあるので、その都度修正していきます。

ユーザーインターフェイスに関して

別ページへ移動する際、画面上部のメニューボタンで別ページに移動した場合は、元のページに戻るときも画面上部のメニューボタンで戻れる状態になっていれば良いでしょう。

しかし、画面上部のメニューではない、独立したボタンで別ページに移動した場合は、画面上部のメニューボタンで戻れたとしても、移動したときと同じように独立した「戻る」ボタンを設置しあげたほうがわかりやすいでしょう。

ボタンのデザインに関して

ボタンのデザインは、他のページでclass名btnで設定されています。

class名btnを設定すれば、他のページのボタンと同じデザインになるはずですが、同じにならない場合、cssの優先順位が影響していることが考えられます。

タグよりもclass名、class名よりもid名のほうが優先順位は高くなります。

また、id名だけよりもid名とclass名や、id名とタグ名を組み合わせたほうが優先順位は高くなります。

思った通りにならない場合は、優先順位を確認しましょう。