CSSの注意点

CSSのスタイル注意点

BorderやPaddingを使う際の注意点を説明します。
多分また何か見つけたら更新すると思います。

Border

Borderですが、このような感じですよね。

stylesheet.css

.border {
    border: medium solid #000000;
}

でもたまに...

miss.css

.border {
    border: medium, solid, #000000;
}

としてしまいません？これではボーダーが表示されません(Google Chromeで確認した記憶がある)
もしもボーダーが表示されない場合は確認してください。

box-shadow

こいつぁなかなか難しいやつ。
Google ChromeやFirefoxの開発者ツールを使うと簡単。
コードを書くことなく作れるから。
開発者ツールでいじったものをコピーして、
htmlファイルにペーストすればいいと思う。