読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

Internet ExplorerにだけHTMLやCSSを有効にする条件付きコメントの書き方。

HTML / CSS
<スポンサーリンク>

ボックスモデルとは

ボックスモデルとは、HTML/XHTMLのタグでマークアップした文字や画像が構成する箱のこと。
文字や画像を表示する部分がコンテンツエリアとなり、そもまわりにパディング、羅線、マージンが挿入される。
ボックスモデルを採用したことによって、コンテンツエリアの大きさが変わっても、一緒に羅線や余白を変更できるようになった。
逆に、羅線や余白がコンテンツエリアから独立したものであった場合は、コンテンツエリアの大きさの変更に対応できず、レイアウトが崩れる原因になってしまう。

条件付きコメント

Internet Explorerの古いバージョンだけに適用したいスタイルシートの設定は、MicrosoftがIE独自機能として用意している条件付きコメントを利用して記述することができる。
Internet Explorerで表示した時だけ有効になるようにするためのコメントは以下の通り。

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Internet Explorerのバージョン5だけ有効にする場合

<!--[if IE 5]>
  <link rel="stylesheet" type="text/css" href="ie5.css" />
<![endif]-->

IE6や5.5の場合

<!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

<!--[if IE 5.5]>
  <link rel="stylesheet" type="text/css" href="ie55.css" />
<![endif]-->

標準規格とは

HTML/XHTMLCSSの標準規格はW3C(World Wide Web Consortium)によってリリースされている。
各企画は「草案」として起案、最終草案→勧告候補→勧告案→勧告の段階を経る。
規格の実装は「勧告候補」となった段階で広く呼びかけられる。
しかし、最近のブラウザでは「草案」段階で試験的に先行実装することが多い。

floatプロパティによる回りこみの解除方法

floatによる回りこみを解除するには、指定したidなどに対して

clear: both

と指定する。

勉強したことの図のまとめ。

勉強した本

XHTML/HTML+CSSスーパーレシピブック

XHTML/HTML+CSSスーパーレシピブック


Amazonの評価が高かったから買ったんだけど、これ一冊読むとちゃんとWebページが作れるようになりそう!まだ読み始めだから、もっと進めたい。

感謝のプログラミング

今回で感謝のプログラミングは【541時間目】
10000時間まで、あと【9459時間】