愛猫との日々を、軽い気持ちで書き綴り中。

2011年11月
-
-
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
-
-
-
RECENT
RECENT COMMENTS
ARCHIVES
PROFILE
ミント♂

10月5日生まれ。写真は4ヶ月頃です☆小さい頃の怪我が原因で下半身は麻痺してますが、毎日元気に猫してますv   ===============

芽@管理人

2004年秋、初めて猫を飼いました。やっと扱いにも慣れてきて、今度はblogに手を出してみたいと思います♪      ===============

【web拍手について】

更新が滞っている時にポチポチっとして下さると、管理人のヤル気がUPする♪・・・かもしれませんw拍手と共にメッセージ送信も可能なので、御用の際には是非ご活躍下さい!※メッセージへのお返事は《Diary&BBS》記してみます。(下記リンク欄参照)に掲載予定です。   ===============

★現在のお礼絵

写真で4コマ♪(全5種類・ランダム表示)

LINK
CATEGORY
PR




スタイルシート〜まずは基本編
私もたまには皆様のお役に立とうと
スタイルシートの(素人的)遊び方をツラツラと書いて見たいと思いますw

解らないときは匿名でも構わないのでお気軽にご質問下さい。
・・・解る範囲ではありますが答えたいと思います^^;
私も隅々まで勉強した訳ではなくテキトーに遊んでいるレベルなので
間違い&解り難い箇所が多々あるかもしれませんがお許しを(汗

今日は「スタイルシートとはこんなもの〜基本編」です。
もう理解していらっしゃる方やもっと実践的な事を知りたい方は
読み飛ばしてくださいねf^^;;
それでは長くなりそうなので「続きを読む」からスタートです☆

スポンサード リンク
まず最初に、皆様が見ているインターネットの世界は、
殆どが『HTML』というファイルで出来ています。
ウェブサイトを見ている時に右クリック→『ソースの表示』をすると
メモ帳などが起動し、ワケのわからない文字の羅列が出てくると思います。
(私はwindowsしか知らないのでmacの方はゴメンなさい。。)
実はコレがHTMLと呼ばれるもので、コレをコンピューターが翻訳し、
『画』として判りやすく表示されているのです。
ちょっと違いますが、例えていうならウェブサイトを『映画』だとすると
HTMLファイルは『その映画の台本』と言う感じでしょうか?

話がズレましたが、そのHTMLを補助するのがCSS(スタイルシート)なんです^^

1152457210767374.jpg

図を見ていただけると解り易いかと思いますが、
(見難い時はクリックして拡大してくださいね)
HTMLファイルで『ある塊』に『A』と言う名前を付けてあげます。
一方CSSでは『Aは○○』と設定しておきます。
するとHTMLは『Aを○○』と認識するのです。

ですからCSSで『Aは××』と書き換えるだけで
簡単に『Aを××』状態に変えてしまえると言うわけです。
そして別に沢山のAを作っても構わないので、
HTMLだけでは個々のAに『お前は○○だ』と書かなくてはいけないところを
CSSを使うと『全部のAに告ぐ!お前達は○○だ!!』と一斉に宣言することが出来るのです。

皆さんご存知のように、ペログーではHTMLの方は弄れませんが
CSSは書き換えが可能となってます。
なので既にペログーさんで付けられた名前を使って、遊ぶことになりますね♪
ペログーさんでは「何処に何と言う名前を付けたか」をまだ公開していないので、
判らないところもありますが、大体は遊んでいる内に判ると思います(笑

それでは続きは次回!「何となく実践編」でw

この記事へのトラックバックURL
http://cat.pelogoo.com/kyachan/rtb.php?no=1152460474019036



この記事への返信
すごい!
芽インストラクター!
私は、スタイルシートという存在そのものを知りませんでしたからね。
HTMLというと、メールがHTML式だと画像が見れるものだというくらいの知識しかありません。
これから、いろいろ教えてくださいね。
Posted by まきっころ | 2006/07/10 16:40:09
>まきっころさん

説明するってとっても難しいですね(×_×)
次の『CSSの読み方』を書く時に、
今回の記事の事を説明しておいた方が解りやすいかな??
・・・と思って書いたのですが、
う〜ん、自分で書いた文なのにとても解りにくい。。Σ(゜◇゜;ぉぃ!

HTMLはまきっころさんのおっしゃるとおり!
まさしく『画像がみれるもの』と言う事なのですよ♪
むむぅ・・・まきっころさんの方が説明が上手じゃないですか!
むむむぅ・・・へっぽこインストラクター芽、頑張らせて頂きます★(滝汗
Posted by 芽@管理人 | 2006/07/10 23:03:16


◇ 返信フォーム


名前 :   情報を保存する
メール : 
URL : 
題名 : 

内容 :