スタイルシート(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