｢実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips;~｣読了しました。今まで「なんとなく」だった(X)HTMLとCSSの知識が「きちんと消化」された気がします。 400ページ近くある本ですが、図やサンプルが多くサクサクと読めました。 ブログにも書…

引き続き｢実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips;~｣を閲読中です。今度は、floatプロパティです。 floatプロパティはボックスを右や左に寄せたりするプロパティです。 ボックス float:leftの場合 ボックス float:leftの場合ボックス…

引き続き｢実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips;~｣を閲読中です。今日は、ボックスモデルです。 (X)HTMLのボックスモデルは｢内部領域｣｢パディング｣｢ボーダー｣｢マージン｣の4つの領域からなります。内部領域 要素の内容自体が持つ領…

このブログではgoogle-code-prettifyでコードハイライトをしています。 ハイライトさせたいコードをで囲むのですが、 1行に長いコードを記述した場合、コードが見えなくなってしまう場合があったので、 スクロールを表示させる表示スタイルシートを変更して…

引き続き｢実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips;~｣を閲読中です。 今日はCSSのセレクタです。 セレクタというのは、スタイルを適用する対象を選択するもののようです。セレクタ { プロパティ: 値; プロパティ: 値 }セレクタにもい…