利用者:Kauaitilt/sandbox

簡単なCSSまとめ

セレクタ{プロパティ:値;プロパティ:値…}

フォント-背景：黒、フォントサイズを50ポイント、フォントカラーを赤、フォントをTimes New Romanに、セルと文字の感覚を30px（display:inline-blockはセットにしないとはみ出る）にする。

50pt

Hello div style!!

<div>と<style>の違い

• 文書中の（改行で区切られた）ある“まとまり”全体にスタイルを適用するのが <DIV> - 範囲大
• 文章中のある部分にスタイルを適用するのが <SPAN> - 範囲小

である。使い方の違いを確認してみよう。

<P>行中に<SPAN STYLE="color: maroon;">スタイルを適用</SPAN>します。</P> <DIV STYLE="color: navy;">   <P>段落といった改行を前後に伴う要素にスタイルを指定します。</P>   <P>ブロックレベルのスタイル。</P> </DIV>

行中にスタイルを適用します。

  

段落といった改行を前後に伴う要素にスタイルを指定します。

  

ブロックレベルのスタイル。

display

inline - ブロックの中に文字を入れて縦に並べる。inline-block - ブロックの中に文字を入れて横に並べる

padding - 上下左右の空間

line-height 行の高さ

border - 境界線の幅 solid - 境界線の色

font-family - フォントの種類。フォントが存在しない場合は、前から順番に探す。

border-radius - 角の丸みの半径

background - 背景色。

text-align - ブロック内での文章の表示位置。

絶対単位

mm,cm,in,px(=1/96in),pt(=1/72in),pc(=12py：パイカ)

相対単位

em(M) - その範囲で有効なフォントサイズを1とする単位。

• 123

めいんぺーじ