FOM出版のWebクリエイターの本

HTMLとCSSの勉強を始める時に、FOM出版のよくわかるマスター「Webクリエーター初級」の本から始めました。実に分かりやすく、タグを勉強したい方にはオススメです。ちなみに上級は初級の内容と半分以上かぶっています。少し知識のある方は、上級から始めてもいいかも知れません。
私は、初級編でHTML,CSSがかなりよく分かったので、続けて上級を購入しましたが、初級のおさらい事項が多く、少し損をした気分になりました。 とは言っても、上級にしか載ってない事がいろいろ必要だったので、役には立ちました。

何はともあれ、始めてHTML、CSSの勉強をする方にはオススメです。
Webクリエイター能力認定試験の公式テキストでもありますし。

HTML,CSSのdisplay要素

Web制作の勉強をしていますが、なかなかdisplay要素の事がうまく理解できなくて困りました。

display:値　　（要素の表示形式を指定する）

block:インライン要素をブロックレベル要素にします。前後が改行されて表示します。
inline:ブロックレベル要素をインライン要素にします。前後は改行されずに表示されます。
list-item:リスト項目にします。
nene:要素を非表示にします。　　


色んなホームページのソースを見て、大体のHTMLは分かったのですが、なぜここでdisplay要素が出てきて、inlineにしたりblockにしたりしないと行けないのか？と言うのが、なかなか分からなかったのです。もちろん、参考書の説明で書かれている様に、ブロック要素にして、改行される様にしたり、インライン要素にして、改行されない様にしたり、その事はすぐに理解出来ました。しかし、別に改行が関係ない様な所で使われている事が結構あって、ここでなぜdisplayの指定をしているんだろうと、結構考え込んでしまいました。

それが、やっと分かりました。
 widthで幅指定出来るかどうか？が鍵だったのです。

インライン要素とブロックレベル要素の違いは、改行されるかどうかだけでは無く、widthやheightで横や縦の幅を指定出来るかどうかという違いがある事が分かりました。何故この事に、気付けなかったのか？それは、インライン要素であるimgはwidthで横幅できるからです。だから、インライン要素でもwidthが使えると思っていました。違うんですね。
詳しくはこちら→widthの説明


「width」の事、「インライン要素とブロックレベル要素」の事が分かってきました。
なる程、それで<a>アンカーをブロック化＋横幅指定でメニューボタンを作っていたのか。

ちなみに便利なinline-blockもあります。
こちらは「width,heightを使えるインライン要素」と言う所でしょうか。
これを使えばメニューボタンを作るとき、わざわざblock化してfloatで並べて、おわったらclearなんてしなくても並べられますね。（ただし、かなり古いブラウザでは対応していない様です）

今年のインフルエンザ

制作活動には何はなくとも、まず健康が第１です。

といいつつ、少々風邪気味であります。体冷やさない様に気を付けないと・・・

風邪ではないんですが、別の用事で病院に行ったとき、次の様な注意を受けました。


今年のインフルエンザ（H1N1のA型の新型インフルエンザ）はあまり高い熱が出ない事があり、熱が３７度台ぐらい、３６度台の患者さんもいたそうです。ですが、発症して４、５日すると肺炎を起こす事が、従来のインフルエンザより多く、単なる風邪だと思って悪化させてしまう事があると言われました。熱が高くなくても、次の様な時には注意しましょう。
・なんだか体がだるい
・関節痛、筋肉痛がある
・頭痛強い