Whocaresでcssを使う時のコツ改

完全に自己満で書いた記事が案外反応を頂けたのですが、認識が間違っている部分がありましたので
具体的な記述も含め、加筆修正を加えたものを上げておきます。

この内容は、僕が今までWhocares掲示板内でのcssについて格闘してきたことのまとめのようなものです。
とりあえず調べて作ってみたけどなんか違うなとか、表示されないぞ…？という人は参考になるかもしれません。
(cssに関しての知識がまったくない人にはよくわからない内容かもしれません、ごめんなさい…)

まず、掲示板内でcss組む際は、元々掲示板自体に設定されたcssがあるため、普通のHPを組むより難しい…というかコツがいります。
そういう場合の検証と解決方法です。(基本的にPCから試す方法です)

<三行まとめ>
・Whocares掲示板は元々タグが入ってるのでcssがうまく反映されないことがある
・そういう場合は元々のタグを上書きする記述が必要
・この掲示板の場合は*セレクタやstyleタグを入れて上書きするとよい

<目次>
1.検証方法<プレビューを試す><ページを更新する>(このページ)
2.掲示板に入っているcssについての解説と解決方法
3.具体的な記述
4.おまけ・書いてみての雑感

■ 検証方法
1.プレビューを試す
僕はcodepenというコードを書いたらすぐ反映してくれるブラウザツールを使用してやっているのですが、そういうツールはいろいろあるので使いやすいものを使用してプレビューしてみてください。
この地点で表示されない・思ってたのと違う場合はcssの組み方が間違っています。cssの記述そのものを直しましょう。
(※ こういったツールでは改行は反映されませんのでそこは気にしなくて大丈夫です。気になる場合はbrタグを足してください)

2.ページを更新する
日記ページはもちろん、外部cssがある場合はそのcssページも同じように更新してください。最悪ブラウザの履歴をクリアしましょう。
一度そのcssで開いてしまうとブラウザはそれを記憶してしまうので、更新が反映されずに表示されていないことがあります。
外部cssを使用している場合、特にこれに引っ掛かりがちです。

ここまでやっておかしい場合はWhocares掲示板にかかっているcssと干渉している可能性があります。

よくある問題は
「フォントが反映されない」
「文字の大きさが違う」
「設定していないのに余白が入った」
などです。
次のページで詳しく書きます。