CSSスプライトを使ってページの読み込み速度を向上する

By admin // CSS, TIPS, ホームページのアイデア // コメントは受け付けていません。

ホームページを作るときには画像をたくさん使いますが、
たくさんの画像を使うと、画像の数だけデータを読み込みに行かないといけないので、ページ全体の表示速度が遅くなります。
普段あまり気付かないことですが、少しでも表示速度を早くしたいと思えば、
このCSS Spriteという画像の一部のみを表示する方法を使ってみましょう。
CSS Spriteを使えば、１度の画像の読み込みで済むのでページ全体として読み込み速度が向上します。
また、この方法はCSSを使ったマウスオーバー画像にも使えます。

read more

6月
22

なぜか前面に表示されない？position:relative,absoluteとz-indexでの重なり順の関係

By admin // CSS, CSS // コメントは受け付けていません。

重なり順がうまく指定できない。
最前面に出てきて欲しい要素が裏に回って表示されてしまう。
CSSでpositionを使って位置を設定している場合にはよく現われる現象です。
特にInternetExplorerでは気をつけないとこの罠にハマってしまいます。
重なり順を指定するz-index。
このz-indexとpositionを同時に使う場合には注意しないといけません。

read more

12月
4

枠線のスタイル、太さ、色をまとめて指定する”border”プロパティ | スタイルシート

By admin // CSS, 枠線 // 1 Comment

要素の周囲に枠線を表示させることが出来ます。
“border”プロパティは、枠線のスタイル・太さ・色をまとめて指定する際に使用します。
用途に応じてプロパティの値を変えて枠線を使い分けましょう。

11月
20

削除された部分であることを明示するタグ <del>

By admin // HTML, タグ, テキスト, リファレンス // コメントは受け付けていません。

一度書いて公開したテキストなど、後日削除をしてそれを明示しておきたいことがあります。
知らない間に削除されているということがないように、
あえて<del>を使って削除をしたことをわかるよう明示することがあります。

11月
13

テーブルのセルと内部の要素との間隔を指定するタグ <table cellpadding=”">

By admin // HTML, タグ, テーブル, リファレンス // コメントは受け付けていません。

テーブルのセルとセルの内部にある要素との間隔を指定することが出来ます。
枠線と内部の要素の間隔を調整することで見やすい表にすることが出来ます。
セルと要素との間隔を指定

11月
12

テーブルのセル同士の間隔を指定するタグ <table cellspacing=”">

By admin // テーブル // コメントは受け付けていません。

テーブルのセルとセルの間にあるしきりの幅を変更することが出来ます。
それによりセル同士の距離を離して配置することが出来ます。
セルとセルの間隔を指定cellspacing

10月
13

コンテンツの区切りなどに使える罫線用のタグ <hr>

By admin // HTML, その他, タグ, リファレンス // コメントは受け付けていません。

コンテンツや内容の区切りとして罫線を使いたい場合はタグ１つで簡単に使うことが出来ます。
フッターと本文の間に引かれていたりすることも多いです。
うまく使ってわかりやすいページ構成を心がけましょう。

10月
12

テーブルの枠線の太さを指定するタグ <table border=”">

By admin // HTML, タグ, テーブル, リファレンス // コメントは受け付けていません。

テーブルは要素を縦横に表として整列させることの出来るタグです。
border属性を使えばテーブルの周りに枠線を表示させることが出来ます。
border属性に指定する数値で線の太さを指定できます。
また、border属性で1以上の数値を指定した場合はセル間にも境界線がひかれます。
要素同士を視覚的に線で区切りたい場合はこのborder属性を使います。

10月
12