CSS

CSS_ display プロパティ

CSS

ブロックレベル・インラインなど、要素の表示形式を指定する際に使用する。 ブロック要素:一つにまとまった単位で表される。一般的なブラウザでは前後に改行が入る。 インライン要素:文章の一部として利用される要素で、前後に改行は入らない。 ex ) ブロ…

CSS_ブロックレベル要素とインライン要素

CSS

ブロックレベル要素 文章を構成する基本となる要素。見出し・段落・表・リストなど。<h1> - <h6> 、<div> 、<ol> 、<ul> 、<table> 、<form> ,etc. 一つのブロック ( かたまり ) として認識される。ブラウザでの表示も一つのブロックとして扱われることが多く、一般的なブラウザでは前後に改行</form></table></ul></ol></div></h6></h1>…

CSS_ div 要素 の横幅を内容に合わせる

CSS

div ( ブロック ) 要素の横幅は、通常 100 % ( 親要素の横幅と同じ )になる。 要素の幅と高さの % 相対的な単位。ブラウザの大きさを変えても、幅を一定の比率を保つ。 要素の幅 ÷ 親要素のコンテンツ幅 × 100 高さも同様。 内容に合わせて幅を変えるには、2…

CSS_ border

CSS

ボーダーの 種類・大きさ・色 をまとめて指定する際に使用。 指定する順序は任意。 スペースで区切る。 ※ border プロパティでは、上下左右バラバラに指定できない。それぞれ異なったものにする場合は、border-top、boder-bottom、boder-left、boder-rightま…

CSS_ padding とは

CSS

pad [ 可名 ] [ 動 ]:詰め物、詰め物をする。padding [ 不可名 ]:詰め物をすること、詰め物。 要素内の空白のこと。赤い矢印の箇所が padding 。人間で例えるなら、要素「今日の出来事」が骨や内臓。padding が脂肪。 ex) 0 px padding (余白無し) ◇CSS h1…

CSS_セレクタとは

CSS命令(修飾)が適用される部分のこと 以上 CSS の C とは Cascading Style Sheets 段階状に連続する滝のスタイル( レイアウト・見栄え )シート 上流で定義されたスタイルが下流へ引き継がれて文章( HTML )に適用されるので、 Cascading:段階状に連続する滝…