CSS勉強会

最速 CSS 勉強会 Id:youzaka

前回の振り返り ,[object Object],[object Object],[object Object]

CSSって何? ,[object Object],[object Object],[object Object],[object Object]

CSSって何? Cited from: ユニバーサル HTML/XHTML

CSSって何? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],CSSの書き方

[object Object],[object Object],CSSの記述をHTMLに反映させる

最初に覚えるCSSプロパティ線 border 要素内余白 padding 要素間余白 margin 行の高さ line-height 文字列の行揃え text-align フォントの太さ font-weight 背景の色 background-color 文字の色 color フォントサイズ font-size 説明プロパティ名

[object Object],[object Object],[object Object],[object Object],文字の大きさを変えてみよう

[object Object],[object Object],[object Object],[object Object],文字の色を変えてみよう

[object Object],[object Object],[object Object],背景の色を変えてみよう

[object Object],[object Object],[object Object],[object Object],フォントの太さと行揃え、行間隔

[object Object],[object Object],[object Object],[object Object],margin, padding

[object Object],[object Object],margin, padding

margin, padding ,[object Object],[object Object],[object Object],[object Object],[object Object],Cited from: 基礎編 2 ボックスモデルと DOCTYPE スイッチ http://www.geocities.jp/multi_column/float/02.html

[object Object],[object Object],[object Object],[object Object],border

次に覚えるCSSプロパティボックスの z 軸位置 z-index ボックスの x,y 軸位置 top, left ボックスの配置方法 position float 指定の無効化 clear ボックスの浮動制御 float ボックスの高さ height ボックスの幅 width 表示のされ方 display 説明プロパティ名

display ,[object Object],[object Object],[object Object]

float, width, height, clear ,[object Object],[object Object],[object Object],[object Object]

floatとpositionの使い分け ,[object Object],[object Object],[object Object],[object Object],[object Object]

レイアウト例 ,[object Object],[object Object],[object Object],[object Object],タイトルカラム本文カラム付属情報カラムフッターカラム

レイアウト例 ,[object Object],[object Object],[object Object],タイトルカラム本文カラム付属情報カラムフッターカラム

セレクタについてもっと詳しく ,[object Object],[object Object]

セレクタについてもっと詳しく ,[object Object],[object Object],[object Object],[object Object]

セレクタについてもっと詳しく ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

セレクタについてもっと詳しく ,[object Object],[object Object],[object Object]

CSSの「カスケーディング」 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSSの「カスケーディング」 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSSの「カスケーディング」 ,[object Object],[object Object],[object Object],[object Object]

CSS勉強会

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie CSS勉強会

Ähnlich wie CSS勉強会 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (9)

CSS勉強会