cssについて

本日学んだこと

• boxの中身について再確認

boxは外から以下のように構成されている。
[box] -> [margin] -> [border] -> [padding] -> [content(textや画像)]

• box_sizing

box_sizingのprefixに「-moz」、「-webkit」とかある場合は、ベンダープレフィックスの意味で、
FIrefoxとかChromeに適用するという意味。で、下記のように設定するとborderやpaddingもboxのsizeに
含んでくれる。

• webkit-box-sizing: border-box;

• overflow

boxに入りきらない要素をどう表示するか。autoを選択すると、ブラウザに依存するがだいたい
スクロールして見られるようになる。

• text-align

テキストの整列(align)。leftで左揃えしたり、centerで中央揃えしたりする。

• font-size指定時の「em」とは？

こちらのリンクが参考になる。
d.hatena.ne.jp

• float

「浮く」というのが直訳。実際には、左or右に寄せて表示するためのプロパティ。意味的になんとなくわかる気もする。。。