chevron_left

CSS実践 レイアウト・アニメーションを極める

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 9

授業の概要

positionを理解する

CSS実践 レイアウト・アニメーションを極める (全5回)の2回目です。
そもそもfloatではなくpositionを使う理由は?また、position指定しかできない場合はどんな時?position指定してみたけど全く効かない経験がある人はこの授業でpositionを徹底マスターしましょう。

■ 今回の授業で使用するテンプレート
http://behomazn.com/schoo/20150627/

こんな人にオススメ

positionを完全にマスターしたい方

チャプター

play_arrow
自己紹介&アジェンダ
02:49
play_arrow
positionプロパティの値
18:03
play_arrow
absoluteやfixedで指定すれば要素を重ねる事ができる
15:38
play_arrow
お知らせ
00:26
play_arrow
Q:逆に、「STATIC」を指定するべき場合って、有りますか? なんだか聞いていると、”とにかくRELATIVEな親を作らなきゃ、なんにも始まらないよ!”、という風に聞こえるのですが・・・。 だったら一体、STATICの存在意義って何?
00:38
play_arrow
Q:親のwidthとheightが100%の場合は、absoluteの指定はどうすれはいいのでしょうか?
02:59
play_arrow
Q:absoluteしてtopやleftを指定しなかった時、topとleftの初期値はどういう扱いになるのでしょうか?0になるのかと思ったのですが、先ほどのz-indexに使ったテンプレートではメニューの下に並んでいたので疑問に思いました。
03:28
play_arrow
Q:z-indexの最大値と最小値はなんでしょうか?
06:04
play_arrow
Q:top,left,right等にautoは使えるのでしょうか? また使える場合はどんな風に使われるのでしょうか?
01:11
play_arrow
Q:positionは、pxじゃなくrem指定でも使えますか?
02:01
play_arrow
Q:divをheaderからはみだすようにしてからz-indexを-1に指定すると、headerの下に-1に指定したdivが表示されたのですが。
04:56
play_arrow
お知らせ