Mi in progress

研究者ではなく、エンジニアになることを決意した人のブログ。

今日の学び

今日はひたすら会社のHPを作ってました。

時間がないので大事なことだけ箇条書き。

暇な時情報を足していきます。

 

(1) フォントを埋め込む方法。

・oftファイルをHPディレクトリに追加する。

・以下をCSSファイルに書く。

@font-face {

font-family: ‘好きなフォントの名前’;

src: url(‘フォントのファイルがある場所‘);

}

 

(2) clear: left;をしたらfloatさせた要素が綺麗に配置できた。

正直よくわかってないから、あとで調べる。なぜ綺麗になるのか説明できるようになる。

 

(3) 会社ロゴ+文字を並べたヘッダーの上下中央揃えに成功した。

(今まで) li ulタグを用いてそれをfloat:left;させていた。まったく上下中央揃えができなかった。

(今日) img a タグだけ使って、vertical-align: middle;を指定した。

これ今日一番感動した!これも後でちゃんと書きたい。

 

(4) 便利サイト

XHTML/CSS〜ブロック要素とインライン要素の一覧表〜