初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML+CSSコーディングの方法を紹介します。
スタイルシート初心者の方に役立つように作ってみました。
※Adobe® Dreamweaver® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
|
Tweet |
|
グローバルナビに指定したリストにスタイルを付けていきます。 見本動画の中で、リストにディスプレイ:インラインと指定する箇所が出てきます。 CSSデザインを覚えたての頃、どうして「display:inline」を指定するのか意味もわからずに使っていましたが、 スタイルシートを覚えるにあたって、「ブロック要素」と「インライン要素」の違いがわかると途端に理解が進むというか、 ブロック要素とインライン要素ではあらゆる動作というか表示が違ってくるので、その違いを理解して使わないといつまでたってもうまくいかない、ことがありました。 リストは通常ではブロック要素なので、指定しなくても(見た目)改行されてしまうんですね。 それをインラインと指定してやることで、インライン要素になるので、横に並ぶわけです。 ::::: モモンガはwebデザイナーを目指している方を応援してます\(@^〇^@)! モモンガの森 森の365日にも遊びに来てください 森の365日 環境問題/エコロジー講演会の講師をいたします |