おためし受講中

CSS実践 positionを極める

positionを理解する

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

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

学生代表

  • 大木 しのぶ

    大木 しのぶ

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:49  (00:13 ~ )
    positionプロパティの値
    18:03  (03:02 ~ )
    absoluteやfixedで指定すれば要素を重ねる事ができる
    15:38  (21:05 ~ )
    お知らせ
    00:26  (36:43 ~ )
    【後半】質疑応答
    Q:逆に、「STATIC」を指定するべき場合って、有りますか? なんだか聞いていると、”とにかくRELATIVEな親を作らなきゃ、なんにも始まらないよ!”、という風に聞こえるのですが・・・。 だったら一体、STATICの存在意義って何?
    00:38  (37:23 ~ )
    Q:親のwidthとheightが100%の場合は、absoluteの指定はどうすれはいいのでしょうか?
    02:59  (38:01 ~ )
    Q:absoluteしてtopやleftを指定しなかった時、topとleftの初期値はどういう扱いになるのでしょうか?0になるのかと思ったのですが、先ほどのz-indexに使ったテンプレートではメニューの下に並んでいたので疑問に思いました。
    03:28  (41:00 ~ )
    Q:z-indexの最大値と最小値はなんでしょうか?
    06:04  (44:28 ~ )
    Q:top,left,right等にautoは使えるのでしょうか? また使える場合はどんな風に使われるのでしょうか?
    01:11  (50:32 ~ )
    Q:positionは、pxじゃなくrem指定でも使えますか?
    02:01  (51:43 ~ )
    Q:divをheaderからはみだすようにしてからz-indexを-1に指定すると、headerの下に-1に指定したdivが表示されたのですが。
    04:56  (53:44 ~ )
    お知らせ
      (58:40 ~ )