トップページの中の レイアウト講座の中の 基本的な2カラムレイアウトの中の 03. デフォルトスタイルをリセット

03. デフォルトスタイルをリセット

  • 最終更新:2010年1月11日 18:45

HTMLファイルの準備が完了したら、ブラウザ側で予め当たっているデフォルトスタイルをリセットして差異を埋める必要が有ります。
そのために、ここではボクが普段使っているdefault.cssを使ってリセットします。

このdefault.cssは先ほどダウンロードした一式に入っていますので、これを適用させます。
適用させるには、head要素内のlink要素によってCSSファイルを読み込んでいる部分(18行目)のパスを以下のように「_」から「.」に変更します。

<link rel="stylesheet" href="_/css/import.css" type="text/css" media="all" />
↓↓↓↓
<link rel="stylesheet" href="./css/import.css" type="text/css" media="all" />

これで、default.cssが適用されたのが確認できるかと思います。
なお、default.css以外のCSSファイルには特に指定をしていないため、これと言った変化は有りませんが、import.cssを通して他のCSSファイルも実際には読み込まれています。

ここまで完成したら、いよいよレイアウト部分に入ります。

このページの上部へ