ヘルセム続き　

　

①背景の上に文字を乗せるか

②imgの上にpositionで文字を配置するか

などなど

デザインを反映するときにきめることがある

スライドショーにするときは②にするらしいな。

　

　

特に色設定などは、専用classを切っておくのがなぜ大事かというと、デザイナーさんが「この灰色はもっと薄めがいい」などとリテイクだしてきたとき、その一点を変更するだけで全部変えられるから。　

　

serif ひげあり

sans-serig ひげなし

　

モバイルファースト

モバイル版を先にcssで組むこと

　

テキストアラインはブロックレベルのものに掛けるらしい。

　

text-align:justify;

ジャスティファイ。均等割り付け。というのもあるらしい。

幅を指定した中で文字を中央揃えしたいとき
→なにもしないとブロックは左に寄り、そのなかで中央揃えするので左寄りになる。
→そういうときはmargin: autoを使う
　
>margin: auto;

 

 #main {

  width: 600px;

  margin: 0 auto; 

}

<div id="main">
 

ブロックレベル要素のwidthを設定すると、要素のコンテナが左右に引き延ばされなくなる。また、左右のマージンをautoにすると、左右中央に要素を配置できる。要素のwidthは設定した値になるから、残りのスペースは左右のマージン間で均等に分配される。