スタイルシート基礎クイズ〜
カチカチとソーシャルブックマークをクリックしていたら、面白いものを見つけたのでやってみた。
All About「スタイルシートの基礎力をチェック スタイルシート基礎クイズ」
Javascriptをオンにしてクリックして回答していくと、回答を覚えていて、最後に採点してくれる仕組み。
ここをご覧いただいているかたは、Webデザインについて熟知しておられるかたと、ビギナーです、というかたと両方居られるだろうと思う。ビギナーさんたちには気にも留めたことがない文字列が並んでいるかもしれない。前者のかたがたには物足りない内容だろうが、まぁお楽しみとしてやってみるも良い。
以下……ネタバレありなので、問題をやってみてからどうぞ。
私の正答率は90%。9問正解というのは私にしてみれば上出来。誤ったのは以下の問題。
Q9. ページ周囲の余白をなくしたい場合に、body要素に対して指定するスタイルシートは?
- margin: 0px; padding: 0px;
- margin: 0px;
- padding: 0px;
- margin: 0px; height: 0px;
※Internet Explorer, Netscape Navigator, Opera のいずれでもページ周囲の余白をなくせるような指定を選んで下さい。
この一番最後の条件が難しかった。Operaは marginプロパティではなく paddingプロパティを 0px としないとページ周囲の余白を消せません。
とは。実は良く見ると、このテンプレートでもつかっているのだった。アイヤ〜。あんまり意味つきつめなかったであるよ。
これ、真似て問題をつくってみるのも面白いかもしれない。
- at 09:36
- [103 HTML CSS JavaScript]
- TB(0) |
- CO(3)
- [Edit]








あいや〜
そして「そういえばテンプレートのbodyって大体そうなってるよなぁ」と同じように思った〜。
さらに「9問正解って私にしたら上出来」って思った〜。