記事本文を飾り付けてみよう「（コラム）CSS超入門はじめる前に」

今まで、html、wikiとご説明してきましたが、次回よりCSSの説明に入りたいと思っています。
ここで、少し整理をしておきたいと思います。

まず、これらが一体何なのか？という話です。

皆さんがインターネットをする時に見ているホームページやブログは「html」という言語で書かれています。（正確には違うページなどもありますが、大まかにはそう言えます。）
なので、このhtmlがあくまでも基本だと思ってください。
ちなみに、これまで説明してきたhtml文法はその中でも文字などを飾りつける機能の一部分です。

それでは、「wiki」とは一体何なのでしょうか？

wikiとは、文法が複雑なhtmlを簡単にする為のものだと考えてください。（本当は違うのですが、大まかにそう考えておいてください。）

例えば、文字を太字にする場合

＜htmlの場合＞
<b>太字にする</b>

＜wikiの場合＞
'''太字にする'''

という風になります。どちらが便利で使いやすいか？というのは議論が分かれる部分ですが、わざわざhtmlタグを打つよりもwikiを使った方が簡単になる部分もやはりあると思います。

Yahoo!blogがなぜwikiを採用したかは分かりませんが、初心者を重視するYahoo!にとってhtmlよりもwikiの方が分かりやすいと判断したのかもしれませんね。

ここで、皆さんに知っていて頂きたいのは、実はwikiも裏ではhtmlに変換されているということです。
文法的には違って見えますが、上の場合もwikiで入力した文法はhtmlに変換されて、皆さんが見るページになっているのです。

なので、やはりhtmlが基本となる訳ですね。

さて、それでは次に出て来たCSSとなんでしょうか?
CSSとは「Cascading Style Sheets（カスケーディング スタイルシート）」の略で、一般に「スタイルシート」とも呼ばれています。この言葉も覚えておいてくださいね。

このスタイルシートはhtmlで記述した文章を細かく飾りつけするための言語なのです。

これまでもご説明したようにhtmlで文章を飾りつけすることも可能なのですが、それだといろいろと不都合なことがでてきます。（ここでは細かく説明しません。）
そこで、htmlは文章を書くものに専念させて、飾りつけを担当する言語としてスタイルシートが登場してきました。

本来、スタイルシートを利用すると様々な表現が可能になります。
しかし、Yahoo!blogの場合はwikiを利用しているので、その利用できる部分が限られています。

限られた範囲ですが、いよいよ次回からはこのスタイルシートの説明に入りたいと思います。

[nac*ipo*h20*2]

先生〜お久しぶりです。覚えていらっしゃいますか？このCSSの事良く分からなかったのですが、ちょっとだけ意味が分かりました。また教えて下さいね!!先生の説明分かりやすくて助かってます。

nachiさん、お久しぶりですー。覚えていますよー。先生と言われるのはどうかと思うのですが、今後も出来るだけ分かりやすく解説していけたらと思います。CSSも本来はもっといろいろなことが出来るのですが、Yahoo!blogでは、その一部分しか活用することが出来ません。残念ですね。それでは、これからもよろしくお願いしますね。

8jo先生お久しぶりですぅぅ＾＾。ちょこちょこ復習にはお邪魔してました(ﾉ´∀｀*)。だいぶ、いろいろ慣れて来たので、新しい事を覚えに参りましたぁ＾＾。CSSこれも初めて見る単語です。8jo先生のとこが一番わかりやすいので、ココはけいぴゃんの参考書になってます＾＾。wiki法もhtml変換なんですねぇ、、。φ(*'д'* )メモメモ

[-]

i-8jo様、いつもありがとうございます☆最近、勉強を怠っているので、CSSの勉強をしに来ました〜なるほどです！すごくよくわかりました〜 さすが、先生、いつもありがとうございます。会社でも、先生のページを開けている悪吉です。

[kor*n*bus*]

i-8joさんはじめまして！お気に入りぶろぐにいれてます。いつもいつも初心者の僕にはうれしい内容ばかりです。ほんとにいつもありがとうございます！

CSSを説明された記事、僕のブログに置かせてくださいね＾＾