コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

利用者: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

めいんぺーじ