Felica PM Site 0418

Lesson Data Download

CSSとは?

CSSとは?(Cascading Style Sheets)(Text p.66参照)

HTML文書に見栄えやレイアウトを設定する言語

記述/呼び方/意味

適用方法

  1. ①インライン(タグにstyle属性として直接記述)
  2. ②内部参照(ヘッド内のstyle要素内に記述)
  3. ③外部参照(外部ファイルに記述し、head内よりリンク)

css外部ファイル

基本プロパティ

color(文字色)
text-align(行揃え)
font-size(文字サイズ)
font-weight(文字の太さ)

line-height(行の高さ)

border(上下左右の境界線):線の太さ 線種 色 ;

background-color(背景色)
background-image(背景画像):url(パス-ファイル)
background-repeat(繰り返し)
background-position(位置):x方向 y方向
background-size(大きさ、表示形態)

※ショートハンド
background: 色 画像指定 繰り返し 位置/大きさ

margin(境界線の外側の余白)
padding(境界線の内側の余白)

※16進数カラーコード(Text79頁)

使用する記号

  • 「 { 」と「 } 」は「カールブラケット、バーレン」(山括弧)
  • 「 : 」コロン
  • 「 ; 」セミコロン
  • 「 # 」ハッシュ