Palm84 某所の日記

死のうは一定、しのびクマには何しよぞ...

CSSをめっちゃこまかーく設定してしまう理由

Google の広告

いわずもがにゃーにゃ話ですけど...

たとえばこんなの

あいうえお
かきこけこ
あいうえお
かきこけこ

見た目はどっちもおんなじ。

余白をふやしちゃおうと

  • margin:2em を追記
あいうえお
かきこけこ
  • margin:2em を追記
あいうえお
かきこけこ

ありゃりゃ〜、ですよね。なんでかは背景色を付けたりすると一目瞭然かと。

  • 実は margin:1em;padding:0; だったのだ
あいうえお
かきこけこ
  • 実は margin:0;padding:1em; だったりしたのであった...
あいうえお
かきこけこ

この場合は marginpadding を両方設定すればいいのです。

ブラウザ毎にデフォルトのスタイルシート設定が微妙に違います。また見た目が同じでも設定が同じだとは限りません。それらを打ち消すために上書きしちゃわないとい神崎というわけ。簡単な話ですねー。ブログのテンプレートなんかもそうですけど、詳しい作者ほど細かい指定してるんじゃないかなと思ったりしてます。

最初はなるべくシンプルにしたいとか思うんですけどねー。差異をなくすためには結局すべてを上書きしちゃわないといけないので自分の環境では無駄であってもいっぱいいっぱい指定刺と家内とってかんじでしょうか。

誰もが一度はひき返す道〜♪ってか(オモエモナー、オレモカー、オレノコトカー、orz)