CATEGORY

システム開発 – Web系

Web系のシステム開発で勉強したことをメモに残す

【CSS- width, height】要素のサイズを指定する

HTMLの要素の幅と高さはwidthとheightで任意のサイズにスタイリングすることができる。 ブラウザデフォルト設定 多くのブラウザではデフォルトで要素の幅と高さを持っている(autoかな?)。 高さ(height)を指定する p に高さ(height)を指定してみます。 今回はデフォルトの2倍の48ピクセルにしてみます。 幅(width)を指定する 続いて幅(width)も設定してみます。 […]

【CSS- border, padding, margin】要素の領域 – ボックスモデル(Box Model)について理解する

HTMLの要素を配置すると四角いボックスの領域が確保されます。この四角いコンテンツがある領域という意味で”content box”と呼びます。 CSSのプロパティを使うことでこのボックスにスタイル(装飾)をつけることができます。 それぞれの領域を図で書くとこんな感じ ブラウザが自動でつけるスタイルもある 例えば、HTMLの p にはスタイルを指定しなくてもブラウザがデフォル […]