webブラウザによってデフォルトのCSSが設定されています。
なぜこのような事が起こるのかというとCSSが設定されていないhtmlでもそれなりに見栄え良く表示されるようにブラウザ側で設定されているからです。
しかしweb制作をおこなう上では邪魔になってしまうためデフォルトCSSをリセットしておくのが良いでしょう。
リセットするにはリセットCSSというのを使用すると便利です。
sanitize.cssというリセットCSSを紹介していきます。
リンクからサイトに飛び、一番したのダウンロードを押してください。
上記のように外部参照し、同じフォルダ内にsanitize.cssを保存しておけばリセットCSSが適用されます!
上記のやりかたでも大丈夫ですが、style.cssからリセットcssを読み込む方法があります。
style.css内に @import url(読み込みたいcss);を記述してあげるとhtml内に2つ記述する必要がなくなります。
コメント