ネットから給料もらっちゃって > CSSスタイルシート

CSSスタイルシート

ホームページをCSSを使ってデザインしてみましょう。

CSSとは、Cascading Style Sheets(カスケーディング・スタイルシート)の略で、ホームページのデザイン的要素に対して指定をします。

具体的には、文字、背景、リスト、行間、ライン、画像などの装飾を一括して管理を行います。

スタイルシートには、直接タグに記入する場合と、それぞれのhtmlページに書く場合(内部スタイルシート)と外部にCSSファイルを置く場合(外部スタイルシート)があります。個々のページに外部スタイルシートを適用する文を一行書くことにより、すべてのページを外部スタイルシートで総括できるようになります。

このカテゴリでは、CSSでちょっとした見栄えを良くするテクニックや、CSSの困ったを解決するための小技を私の備忘録を兼ねて紹介しています。

CSSで画像に影を付ける

filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777,strength・・・

Mozilla Firefoxで、スタイルシートを確認する

時々、ネットサーフィンをしているとレイアウトが崩れているホームページにであうことがある。 ブラウザチェックをしていないと気づかないことが多い・・・

vertical-alignの使い方

テーブルに画像やテキストを配置するときに重宝します。 上揃えか下揃えで統一感があり見栄えもくなります。 vert・・・

カラム落ちを防ぐタグ

ブログで記事を投稿していると、記事コンテンツの幅より大きな画像をアップした場合、IE6.0でカラムが落ちてしまうことがあります。カラム落ちと・・・

スタイルシートのトラブル(コメントの文字化け)

スタイルシートのコメントが文字化けする場合は、スタイルシートの一行目に文字コード宣言を入れてみよう。 @charset "UTF-8"; @・・・

テキストの左右を揃える

テキストを左寄せにすると左は揃うのだが、右側が揃っていない。 そこで以下のタグを使うことで、右側もテキストが揃います。 {text-just・・・

色々なブラウザでデザインがどう反映されているのか確認しよう

自分のパソコンでは問題なく表示されていたホームページのデザインが、他のパソコンでみたらデザインが崩れていたという経験をお持ちではないでしょう・・・