CSS スタイルシートの落とし穴

独自のスタイルシートを使用しない場合、Web ページの表示にはブラウザのデフォルトスタイルシートが適用されます。

デフォルトスタイルシートの内容は、ブラウザによって異なります。 ただし、代表的なブラウザであれば、スタイルの内容はほとんど変わりません。

例えば、リンクは青色でアンダーライン、見出しは太字で大きなフォントサイズで表示されます。

独自のスタイルシートを使用すると、これらのスタイルを上書きします。

ＣＳＳ（スタイルシート）を用いた ページのカスタマイズとは？
CSS （Cascading Style Sheets -カスケーディング・スタイル・シート）とはウェブページの
文章やタグパーツの大きさや色、書体、隙間、配置、装飾などを自由に決められる、
特殊な指定用のファイルで、スタイルシートとも呼ぶマークアップ文書です。

ピクセル単位で文字の大きさ、太さなどを決められたり、文章や画像同士の隙間を
見栄え良く整える事ができます。


CSSファイルの作り方は？
CSSファイルはなんとなく難しいイメージがありますが書き方さえ覚えてしまえば
わりと簡単に誰でも作れます。

まずメモ帳ツールに　{〜〜}　などデザインを構成する言語を記入した後に、
ファイル名：『style.css』といった名前で保存すればCSSファイルが完成します。
あとはウェブサイトのサーバーにアップロードしてデザインの変更を確認して完了です。

ブログには最初からCSSが実装されているので、そのまま自分の好きなように
カスタマイズする事もできます。

ただ、スタイルシートはウェブページのHTMLタグ文法とはまた大分違った書き方で、
覚えて使えるようになるのにそれなりの時間と労力が掛かってしまいます。

その手間を省きたい時にはホームページ制作サービスにサイト製作とまとめて
依頼をするのもひとつの方法です。

◆ !important (C1/e4/N6)

下記のように important 宣言を指定することにより、タグの style="..." で指定するよりも優先度を上げることができます。

P { color: red !important; }

回り込みさせた画像の横のテキストを中央に持ってくる方法

style {
display:inline;
zoom:1;
}

普通に何も記述しなければ、テキストが画像の一番上のツラに合わされるけど、これを記述すれば中央に持ってくることができる。

IE6で透過PNGを表示する方法

ピング画像の背景を

background: none;

で消すだけでOK

800pxの枠の中に
ul
li ○○ /li
li ○○ /li
li ○○ /li
li ○○ /li
/ul

個別にクラス指定はせずにずつ2列
づつに並ぶようなCSSの記述方法

ul
{
margin: 0;
padding: 0;
width: 800px;
list-style: none outside;
}

ul li
{
margin: 0;
padding: 0;
float: left;
width: 400px;
}