03. デフォルトスタイルをリセット
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ファイルも実際には読み込まれています。
ここまで完成したら、いよいよレイアウト部分に入ります。