無料ブログ比較でござる
ホーム > ホームページ作成CSS(スタイルシート)

スタイルシート(CSS)は使わな損!

当サイトで使っているタグを中心に簡単に説明していきます。一緒にHTML(タグ)を勉強していこう!

スタイルシートは、ページの見栄え、文字の装飾などを指定する時に使います。スタイルシートを使わなくても、HTMLのタグを使えば文字を太字にしたり、サイズを変えたりできますが、スタイルシートの最大のメリットは、一度に見栄えを指定・変更できる事です。

例えば、段落を現すタグの<p>に文字色を赤にするスタイルを設定したとします。ホームページのデザインを変えたりして文字の色を青にしたくなった場合、スタイルシートで指定しておけば、スタイルシートの指定を青にするだけで、簡単に変更できます。文字をスタイルシートで指定をしていなかったら、一つ一つの段落の色を変えていかないといけなくなり、手間がかかってしまいます。

本来、HTMLタグはページに書かれた意味(例えばこの文章は見出し1、この段落は引用など)を定義するものなので、文字の見栄えに関する指定(色、サイズなど)はスタイルシートで指定するのが基本になってます。

指定の方法は、何通りかあります。具体的な指定の仕方を紹介していきます。(簡単なものだけです。)

<項目一覧>

▲ページの先頭

スクロールバーのスタイルの指定

下記のタグを<title></title>タグのすぐ下の部分に貼り付けるだけ、簡単にデザインの変更が出来ます。

それぞれの色の指定場所の詳細は、参考サイトで確認してください。
分かり易く掲載されてます!

↓サンプル

<STYLE TYPE="text/css">
<!--
Body{
scrollbar-face-color:#f1f1f1;
scrollbar-track-color:#f1f1f1;
scrollbar-arrow-color:#808080;
scrollbar-3dlight-color:#808080;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dfdfdf;
scrollbar-darkshadow-color:#808080;
}
-->
</STYLE>

↓参考:下記のサイトで画像付きで分かり易く解説されてます。

スクロールバーの色を変更タグ/雑学・小技集/みんなのタグ辞書/HTMLタグ辞書
http://heo.jp/tag/kowaza/css/03.html

▲ページの先頭