HTML CSSの復習メモ

HTML/CSSの復習

head要素：webサイトの基本情報を記載するもの

body要素：ブラウザ上に表示する情報を記載するもの

ブロックレベル要素

webデザインにおける箱であり積木の要素、中身が変わる為入れ子構造となっている

HTMLは左上に重力を持つ　<h1>,<p>,<div>など

インライン要素

主に文字の修飾、文字の一部として扱われる　<a>,<b>,<em>など

リセットCSS

CSSファイルが読み込まれなかった時、ブラウザ側で最低限の見た目を保障するために、各ブラウザが独自のデフォルトCSSを持つが、時に用意したCSSファイルと影響しあうのを防ぐ為に各ブラウザが用意しているブラウザのデフォルトを上書きする為のCSS

floatの副作用に注意

子要素が浮いてしまうので、親要素が高さを保てなくなる

解決策としてclearfix

Flex box

親要素に、display: flex;を付与することで、子要素が横並びになる

Position ; absolute(子要素)

要素の配置を絶対指定

ブラウザの左上を基準

relative(親要素)

親要素に付与すると、子要素の基準を自身の要素として指定することができる

改めてHTML/CSSの復習をしましたが、抜け落ちている知識がありました。

HTML/CSSについては、どんどん自分でサイトを作ってみようかな