スタイルシート講座
|
スタイルシート講座です。今更だけど、まぁ役に立つかな?HTMLの次はやっぱ
スタイルシートを使うかなぁってね(^^;
現在作成中です。後々色々と増やしてく予定なので、お楽しみに! |
| ○スタイルシートとは? | GO! |
|
まずCSS(スタイルシート)とは何か?これについて説明しましょう。スタイルシートの全様
を、簡単に説明したい思います。
| |
| ○文字を変更する | GO! |
|
ここでは文字のサイズ、カラーの変更について説明します。スタイルシートでは、どの様に設定
するのか、ここで学習して下さいね!
| |
| ○文字の装飾について | GO! |
|
スタイルシートでは、文字の装飾等も簡単に出来ます。それについての説明をココでやってます。
結構簡単に出来ますので、如何でしょうか?(笑)
| |
| ○リンクについて | GO! |
|
リンク文字の装飾について紹介します。マウスを乗せた時の変化等の説明のみですが、ちょっとした
HPの変化にはなるので使ってみませんか?
| |
| ○背景の設定 | GO! |
|
背景画像の設定についてです。背景画像を固定したり表示位置を設定したり出来ます。ただ
少々表示が重くなるのが難点です(^^;
| |
| ○マウスカーソル変更 | GO! |
|
マウスカーソルを色々と変更してみます。HPにちょっとした変化を付けるのに便利かも
知れませんね。では、見ましょうか?(^^;
| |
| ○スクロールバーのカラー | GO! |
|
スクロールバーのカラーを変更します。自分のHPに合った物に変更出来るので、使用頻度は
高いかも知れません。
| |
| ○画像にエフェクト | GO! |
|
画像にエフェクトをかけます。半透明とか、または色反転とか。使用用途はソコソコあると思う
ので、見ておくのも良いかも知れません。
| |
| ○ボックスについて | GO! |
|
ボックスというスタイルシートの機能についての説明です。HTMLのテーブルと良く似た物
ですので、使用頻度は少々高めかも(^^;
| |
| ○表示位置を自由に指定 | GO! |
|
画像や文章、ボックス等の表示位置を自由に指定します。これもHPのデザインでは重宝するので、
出来れば覚えておきましょう。
| |
| ○外部ファイルでの定義 | GO! |
|
スタイルシートの定義を外部ファイルで指定する方法です。これをする事により、手間と時間を
大幅に削減出来るので、これは覚えておいて損は無いと思いますよ。
| |