スタンダード・デザインラボ

　いろいろレイアウトをしていると、divに当てたcssの「padding」が時折妙な動きをして、レイアウト崩れを起こすことがあります。paddingは、どういう仕組みなのか、調べてみます。...

　こちらは、簡単なデコレーション文字をリアルタイムで作れる、CSSジェネレーターの一種です。 　非常に簡易ですが、divタグ・spanタグ・シンプルCSS発行機能付き。 　スタイルシートで出来る表現が何となく分かると思います。...

　これは、実際に「divブロック」をフロートさせて様子を見るツールです。 　どんな風にフロートされるのか、IEとFirefoxでどのように表示が変わるのか、確かめてください。...

　なんとかブログを組み立てるまでに至ったけど右も左も分からない…　パソコンのこともインターネットのこともよく分からない…　それでも、FC2のブログテンプレートは、カスタマイズすることが出来ます。テンプレートのバックアップさえとれれば、怖いものは何もありません。...

「z-index」は、「position」の補助的役割をするスタイルです。　「position」についてはこちらから。→positionを使いこなす　具体的には、ボックスの重なり順を指定するスタイルです。...

　positionの概要が分かったところで、わかりにくい「relative」（相対位置）と「absolute」（絶対位置）の違いについての考察です。...

「position」を使いこなすと、divボックス（ブロック要素）を画面の自由な場所に配置できるようになります。　例えば、スクロールしても常に右上や左上に表示されているバナーなどを見たことがあると思います。　或いは、スクロールしても常にサイドバーが画面右・或いは左で固定されている場合なども、ヘッダーが、マウスホイールで画面をスクロールさせても、常にヘッダーの位置で消えていかない場合なども、この「position」を...

　エンボス効果。ラインの部分だけへこんで見える効果。　いわゆる「でこぼこ」に見えるんだけど、飛び出しているだけの無粋な効果ではない、ちょっとかっこいいあれです。　高品質のウェブサイトや、「ソフトのメニュー画面」などでも使われています。　あれ、実は簡単なので、少し説明してみましょう。...

　CSSのチュートリアル、見てみたんだけど、一体全体何のことをいっているのかわからない。　そんな方は、こちらをご覧ください。　これは、FC2ユーザー用の説明です。...

　徹底実用講座、divブロックfloat＋CSS装飾編。ブロックのセンタリングです。　最初から読むにはコチラから。実際にdivブロックfloatを記事で利用する　今回は、全体のレイアウトを修正します。...