Posts Category CSS

CSSでヘッダーとフッターを常に固定する

ヘッダーとフッターを常に固定の位置に配置する方法。 前にCSSでフッターを画面下部に固定する方法をUpしたので、今回は常に固定する方法をステップ バイ ステップでご紹介します。 ※CSSでフッターを画面下部に固定する方法はこちら ヘッダーと…

CSSで影を付けるbox-shadowの使い方

box-shadow は、CSS3のプロパティでボックス要素に影を付けることができます。 まずは、box-shadowの基本的な仕様を理解しましょう。 box-shadowの指定方法 box-shadow:横方向 縦方向 (ぼかし) (広が…

ページごとにCSSやJavaScriptの設定ができるWordPressプラグイン「CSS & JavaScript Toolbox」

投稿する記事の量が多くなっていくと、共通のスタイルシートがどんどん膨れ上がりCSSやJavaScriptのメンテナンスが大変になっていきます。 特に、1ページのみに使用する場合やサンプルとして紹介するときなどは、ページ単位で個別の管理がした…

position:「static」「absolute」「relative」「fixed」の使い方

Webサイトを構築していると、稀に必要となってくるpositionプロパティ。 毎回、使おうと思うとどうやって使えばいいのか調べる羽目になってしまいます。 今回はそのposition:「static」「absolute」「relative」…

CSSでフッターを画面下部に固定する

フッターの固定はどこのサイトでも行っているようなレイアウトです。 これが簡単なようで意外と難しく、私もサイトを作成したときにかなり嵌まりました。 今回は、このフッター固定の方法をステップ バイ ステップでご紹介します。 ※CSSでヘッダーと…