DIVパズル01

reset.cssの作り方

※現在Gitでdevelopブランチにチェックアウトするとreset.cssが自動で生成されます。
　以下のファイルの作成は参考までにしてください。

コーディングを始める時にreset.cssというファイルを作成し、デフォルトのスタイルを打ち消すようにしましょう。

新規でreset.cssというファイルを作成し、以下のコードを記述してください。
作成が完了したらhtmlで読み込んで反映しましょう。

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

注意事項

• タグの間違えに注意しましょう
• コンテンツ全体が画面の中央に表示されるように margin: 0 auto; などを使用してください。
• 課題は基本的に一つずつ進めてください。完成後Gitでプッシュしたりファイルを送付する際に報告をしてください。
• heightは子要素が存在する時などはなるべく指定しないようにします。小要素の高さに応じて高さが変わるようにすることで要素の数の増減などに自動で対応できるようにすることで保守性を高めます。