CSSってどんなもの？
よぉ来たのぉ。
はじめましての人、
しばらくのお付き合い、宜しくなのじゃ。
また会ったねの人も、あきれずによろしくなのじゃ。
このサイトでは、CSSについて解説するじゃ。
主にCSS2に沿って解説するじゃ。
博士、まずCSSってどんなものなのかを
簡単に説明してくれない?
後、後ろについてる"2"についても。
"CSS2"の2とは、Levelを表しておるのじゃよ。
HTMLも、1.0 から始まって、
4.01 と変わって来ておるじゃろ。
CSS も同様に、進化して来ておるのじゃな。
じゃ、CSS1もあったって事ですよね。
CSS2はCSS1とどのくらい違うんですか?
また、互換性はあるんでしょうか?
う〜むむむ、、、
それは初心者向けの内容から外れてしまうし、
解説し始めたばっかりの今説明したところで
分からんと思うのじゃな。
まぁ敢えて一つ挙げるとすれば、
CSS2ではXMLも考慮されておることかのぅ。
CSS2 の CSS1 からの変更点にまとめてあるで、
そっちを見に行くじゃ。
行って分からんのじゃったら、
ここに戻ってくるんじゃぞ。
取りあえず互換性はあると
思っておいてくれなのじゃ。
○？■＞♪★＄◎△☆
・・・・もうちょっと後で行く。
ところで、XMLってなんだ？
HTMLのようなモノを作るための言語の一種じゃよ。
つまり、言語を作るための言語って事?
そうじゃそうじゃ。
ヘンなの。
まいったのー・・
博士、バカは放っておいて、
そろそろCSSとは何か、の説明お願いしまーす。
うむ。
CSSとは、Cascading Style Sheets の略、
つまり、Style Sheets の一種で、
Cascading するのが特徴のもの、
ということなのじゃナ。
こら。
ウルトラ級ズボラ解説やってんじゃねーぞ。
Cascadingとは、
直訳すると「段階的に行う」となるのじゃ。
何を行うのかというと、
HTMLは入れ子の構造になっとることは
前教えたの。
要は、その入れ子の構造に沿って、
段階的に上手く処理できるようになっとる
っちうことなんじゃよ。
ふむふむ。
で、Style Sheetsちうのは何モンかと言うと、
スタイル、つまり見栄えを決めるための
シート、つまりファイルっちうことなのじゃ。
HTML講座じゃぁ言わんかったが、
HTMLちうのは、
文書の構造を示すものなんじゃ。
こぉぞぉ？？？
ってなんですか？
えぇぇ、つまり、じゃな、
これはチト抽象的で説明しにくいんじゃが、
その文に意味を与える、ということなんじゃよ。
例えばh1を使った部分は、
一番大きな見出しとしての
意味を持つのは分かるかのぅ。
分かったような分からんような・・・
そういう要素を書いてみてくれませんか。
そうじゃの、ではざっと書いてみるじゃ。
abbr,abbr,address,
base,blockquote,body,
caption,cite,code,
dd,del,dfn,dl,dt,
em,
fieldset,form,
hx,head,html,
img,ins,
kbd,
label,legend,li,link,
meta,
object,ol
p,pre,
q,
table,td,th,title,tr,
ul,
var
じゃ、残りの要素はなんなんですか?
残りの大半の要素は
見栄え、つまりスタイルを変えるだけで、
他に何も役に立たぬぞい。
もしかして、alignとか属性の中にも、
そういう構造じゃないのが混じってますね。
その通りじゃ！
例えば、backgroundやcellpaddingなんかが
そうじゃの。
表裏のあるヤツが構造を示す要素で、
表裏の無いヤツが見栄えだけの要素
・・・って事か。
うぅむ、それはちと違うのじゃが、
そう考えた方が分かりやすいかのぅ。
そんなこんなで、
構造を示す為のHTMLに、
見た目だけを変える要素が混じっとるじゃろ。
そぉゆぅのをHTMLから切り離そう、
ちうことで考え出されたのがコレ、
スタイルシートとゆぅものなんじゃ。
じゃ、HTMLの仕様に
厳格にならなくっていいなら、
別にCSSを使う必要無しってこったな。
相変わらずじゃのー・・
CSSじゃないと出来んことも多いし、
第一、HTMLに見栄えを求めてしまうと、
無駄にタグが多くなって大変じゃぞ。
例えばじゃ、さっき出て来たCSS Dencitieと
ここのソースを比べてみるのじゃ。
ふーむ。
それに、CSS を使うと、
サイト内のデザインがバラけにくくなるで、
統一感が出るんじゃ。
リニューアルの時も、
これをチョチョイといじってやれば、
簡単にサイト全体のデザインを変える事が
出来るのじゃよ。
構造化言語だけに、
こうぞうさも無く覚えられるのじゃナ。
がくーっ