私もたまには皆様のお役に立とうと
スタイルシートの(素人的)遊び方をツラツラと書いて見たいと思いますw
解らないときは匿名でも構わないのでお気軽にご質問下さい。
・・・解る範囲ではありますが答えたいと思います^^;
私も隅々まで勉強した訳ではなくテキトーに遊んでいるレベルなので
間違い&解り難い箇所が多々あるかもしれませんがお許しを(汗
今日は「スタイルシートとはこんなもの〜基本編」です。
もう理解していらっしゃる方やもっと実践的な事を知りたい方は
読み飛ばしてくださいねf^^;;
それでは長くなりそうなので「続きを読む」からスタートです☆
まず最初に、皆様が見ているインターネットの世界は、
殆どが『HTML』というファイルで出来ています。
ウェブサイトを見ている時に右クリック→『ソースの表示』をすると
メモ帳などが起動し、ワケのわからない文字の羅列が出てくると思います。
(私はwindowsしか知らないのでmacの方はゴメンなさい。。)
実はコレがHTMLと呼ばれるもので、コレをコンピューターが翻訳し、
『画』として判りやすく表示されているのです。
ちょっと違いますが、例えていうならウェブサイトを『映画』だとすると
HTMLファイルは『その映画の台本』と言う感じでしょうか?
話がズレましたが、そのHTMLを補助するのがCSS(スタイルシート)なんです^^
図を見ていただけると解り易いかと思いますが、
(見難い時はクリックして拡大してくださいね)
HTMLファイルで『ある塊』に『A』と言う名前を付けてあげます。
一方CSSでは『Aは○○』と設定しておきます。
するとHTMLは『Aを○○』と認識するのです。
ですからCSSで『Aは××』と書き換えるだけで
簡単に『Aを××』状態に変えてしまえると言うわけです。
そして別に沢山のAを作っても構わないので、
HTMLだけでは個々のAに『お前は○○だ』と書かなくてはいけないところを
CSSを使うと『全部のAに告ぐ!お前達は○○だ!!』と一斉に宣言することが出来るのです。
皆さんご存知のように、ペログーではHTMLの方は弄れませんが
CSSは書き換えが可能となってます。
なので既にペログーさんで付けられた名前を使って、遊ぶことになりますね♪
ペログーさんでは「何処に何と言う名前を付けたか」をまだ公開していないので、
判らないところもありますが、大体は遊んでいる内に判ると思います(笑
それでは続きは次回!「何となく実践編」でw