スタイルシートを一から勉強したい

質問

• 基礎的なHTMLは読めますし書けます。HTMLの勉強は、辞書（株）アンク HTMLタグ辞典とHTMLの基礎サイトで、独学です。
• しかし、スタイルシートを勉強したいんです。HTMLチェッカーでもスタイルシートを使え、のオンパレードになってしまいます（得点は80点から95点くらいまでとれています）。アクセシビリティの悪さ（？）も理解しているつもりですが、きちんと一から勉強してスタイルシートを使ってみたいと思っています。
• しかし『どのスタイルシート解説サイトを見ても、さっぱりわからない』のが現状です。おすすめサイトか、おすすめ辞書、あるいは別の学習方法があれば教えていただけたらと思います。お金がないので、教室に通え、は勘弁してください。

回答No.4

UKY

回答というよりはアドバイスですが

あなたの学んだHTMLは正しいHTMLですか? というのも、世の中には(このサイトにも)間違ったHTMLがいろいろと流布しているので、独学でもそうでなくても、間違ったHTMLを覚えている人が非常に多いのです。ところがスタイルシート(特にCSS)は正しいHTMLと一緒に使わないとその力を100%発揮できません。また、正しいHTMLを書くことはアクセシビリティ向上への第一歩でもあります。(むしろスタイルシートを使うこと自体はアクセシビリティと関係ない)
ということで、スタイルシートについて学ぶ前にHTMLについて見直してみることをお勧めします。少なくともここ↓のクイズで100点取れないならまだスタイルシートに手を付けない方が賢明だと思います。(スタイルシートを使う意味がない)
http://www.parkcity.ne.jp/~chaichan/src/yoihtml.htm
もう既に正しいHTMLを理解しているというのであれば、これまでのことは聞き流してください。

さて、「どのサイトを見ても分からない」とのことですが、具体的にどのサイトを見たのでしょうか? こちらとしてはあなたが既に見たサイトを紹介してもあまり意味がないので、どこがどう分からなかったのか教えていただきたいのですが……。

お礼

アドバイスありがとうございます。

少なくとも、挙げていただいたサイトのチェックでは100点を取りました。
（というか、これらの項目、どれもチェックすべきじゃないと思うんだけど、チェックしないと100点取れないのか？という風に悩んだんです、結局1個もチェックしなかった）
だからといって、正しいHTMLの知識があるのかと突っ込まれてしまえば、それは否だと思います。
現にHTMLチェッカーで満点を取っていません。

>ところがスタイルシート(特にCSS)は正しいHTMLと一緒に使わないとその力を100%発揮できません。

そうですか。
つまり、HTMLチェッカーで満点を取るようでなければ、使ってはいけない、ようなものなのでしょうか。

アクセシビリティと書いたのは、もちろん音声読み上げや画像非表示にしてあるユーザあるいはブラウザ、というのが念頭にあるのですが、どちらかといえば、スタイルシートが、全ブラウザには対応していない、ということに重きをおいて書いたものです。
（そんな大したサイトじゃないですから、全ユーザに対応しますなんて大それたことは申しませんが、たとえば、画像非表示のブラウザでも一応内容はわかる、そういうサイトでありたいとは思っています。あくまで希望ですが。）
言葉が足りずに失礼いたしました。

>さて、「どのサイトを見ても分からない」とのことですが、具体的にどのサイトを見たのでしょうか?

Googleで上位に上がった、スタイルシート講座を、5件ほど廻ったのですが、やはり基礎知識が全くないため、書いてあることが理解できない、そう思ったんです。
（セレクタ？ID?クラス？どこも同じようなことしか書いてないので仕方ないといえば仕方ないんですが。）

だからこそ、今のままではダメだなと思ったんです。