PREMIUM
第5回
CSS入門 -ナブバー（横並びのメニュー）デザインの全て-
2015年9月7日 60min
スライド資料
授業の概要
こんな人にオススメ
グローバルナビのcss指定法を一から学びたい方・横に並べる方法がよくわならない方・横には並んだが前後の要素に不具合が出る方
チャプター
-
自己紹介＆アジェンダ
01:16 -
横にならんだナブのデザイン
04:48 -
横にならんだナブのデザイン: yui css resetについて
02:07 -
横にならんだナブのデザイン: 【実践】貼り付けたlinkタグの下に styleタグを書き、その中にcssを書いていこう
03:16 -
横にならんだナブのデザイン: 【実践】liは⽩の背景⾊をしよう
01:58 -
横にならんだナブのデザイン: 【実践】liの幅を指定しよう
03:49 -
横にならんだナブのデザイン: floatの特性について
04:36 -
ナブバーのデザイン: 【実践】liとliの間にmargin-rightを指定して隙間を作ろう
05:12 -
ナブバーのデザイン: 【実践】displayを指定してマウスの当たり判定エリアを作ろう
06:14 -
マウスオーバーでデザインを変える: 【実践】a:hover =aタグにマウスが乗っている状態に対してcssを指定しよう
06:15 -
マウスオーバーでデザインを変える: オープンソースでコードを配布しているサイト
01:19
-
Ｑ：リセットcssを行うことについて
00:52 -
Ｑ：overflowは、navに指定しても見た目的に同じになると思うのですが、ulに指定した方がいいのでしょうか？
00:53 -
Ｑ：floatが出てきたら、overflow：hiddenはペアで覚えておいた方がいいのでしょうか？
01:25 -
Ｑ：float：left;とdisplay：inlineーblock;の使い分けとかってありますか？
00:55 -
Ｑ：ナビゲーションを横にするとき現場ではどれが一番使われますか？
01:43 -
Ｑ：float時の「高さ」対策について
01:54 -
Ｑ：heightで高さを指定しましたが、paddingとかでも問題ないでしょうか
03:05 -
Ｑ：htmlのソースの見方について
01:13 -
Ｑ：レスポンシブで作ることについて
00:56 -
Ｑ：上下方向中央にする方法はありますか？
01:57 -
Ｑ：a指定するコードについて