おためし受講中

CSS実践 センタリングを極める

センタリングを理解する

CSS実践 レイアウト・アニメーションを極める (全5回)の3回目です。
センター配置のための様々なcssプロパティーがあるが使い所がわからない、またはセンター配置が効かなくて困った経験がある人のための授業です。この授業でセンター配置を完全に理解しマスターしてしまいましょう。

学生代表

  • 未定

    未定

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:59  (00:12 ~ )
    演習の元となるhtmlの準備
    03:27  (02:11 ~ )
    Inlineとかblockの振る舞い
    02:24  (05:38 ~ )
    Inlineのセンタリング
    01:04  (08:02 ~ )
    disply:Inlineを書いてみよう
    05:46  (09:06 ~ )
    disply:blockを書いてみよう
    08:13  (14:52 ~ )
    親宣言していこう
    05:44  (23:05 ~ )
    blockの親要素と子要素
    07:41  (28:49 ~ )
    【後半】質疑応答
    Q:display:inline-blockとfloatとの使い分けはどのように?
    01:15  (37:51 ~ )
    Q:heightとwidthはpxで指定されていましたが、remで指定しなくてもいいものなんでしょうか?
    02:07  (39:06 ~ )
    Q:positionだとウインドウサイズを変えた時に動いちゃいますけど、動かないようにセンタリングはできないのでしょうか?
    00:56  (41:13 ~ )
    Q:vertical-alignのお話が出ましたが、imgに対して使うことはありますか?
    02:37  (42:09 ~ )
    Q:margin:0 auto; した場合margin-bottomが効かない?ですが、何か方法はありますか?
    02:58  (44:46 ~ )
    Q:ブログや企業サイトなど殆どのサイトは全体をセンタリングしていますが、全体をセンタリングをしない方がよいケースもあるのでしょうか?
    01:27  (47:44 ~ )
    Q:remでも%でもどちらでもいいのでしょうか。それともremのほうがお薦めでしょうか。
    01:16  (49:11 ~ )
    Q:「overflow:hidden を使えない場合がある」の件ですが…
    01:11  (50:27 ~ )
    Q:センターにする時に、displayプロパティでした方がいいですか?
    01:22  (51:38 ~ )
    Q:親要素にblockを使って、子要素にinline-blockを使用する場合はどんな場面があるでしょうか?
    02:15  (53:00 ~ )
    Q:セマンティック = 意味論的 って意味でしょうか?
    00:56  (55:15 ~ )
    Q:ulを真ん中に寄せるのはどんな方法がおすすめですか?
      (56:11 ~ )