sugar pot

ほろ苦い夢のかけらのおすそわけ

スタイルシート基礎クイズ〜

カチカチとソーシャルブックマークをクリックしていたら、面白いものを見つけたのでやってみた。

All About「スタイルシートの基礎力をチェック スタイルシート基礎クイズ」

Javascriptをオンにしてクリックして回答していくと、回答を覚えていて、最後に採点してくれる仕組み。

ここをご覧いただいているかたは、Webデザインについて熟知しておられるかたと、ビギナーです、というかたと両方居られるだろうと思う。ビギナーさんたちには気にも留めたことがない文字列が並んでいるかもしれない。前者のかたがたには物足りない内容だろうが、まぁお楽しみとしてやってみるも良い。

以下……ネタバレありなので、問題をやってみてからどうぞ。


私の正答率は90%。9問正解というのは私にしてみれば上出来。誤ったのは以下の問題。

Q9. ページ周囲の余白をなくしたい場合に、body要素に対して指定するスタイルシートは?

  1. margin: 0px; padding: 0px;
  2. margin: 0px;
  3. padding: 0px;
  4. margin: 0px; height: 0px;

※Internet Explorer, Netscape Navigator, Opera のいずれでもページ周囲の余白をなくせるような指定を選んで下さい。

この一番最後の条件が難しかった。Operaは marginプロパティではなく paddingプロパティを 0px としないとページ周囲の余白を消せません。とは。実は良く見ると、このテンプレートでもつかっているのだった。アイヤ〜。あんまり意味つきつめなかったであるよ。

これ、真似て問題をつくってみるのも面白いかもしれない。

Comment_form

管理者のみ表示。 | 非公開コメント投稿可能です。

*Comment

あいや〜 

私も同じところでつまずいた〜。
そして「そういえばテンプレートのbodyって大体そうなってるよなぁ」と同じように思った〜。
さらに「9問正解って私にしたら上出来」って思った〜。
  • posted by cyaimi 
  • URL 
  • 2005.10/24 20:24分 
  • [Edit]

管理人のみ閲覧できます 

このコメントは管理人のみ閲覧できます
  • posted by  
  •  
  • 2005.10/25 00:09分 
  • [Edit]

あらcyaimiさん 

おんなじなのね。
一から覚えるというよりも、テンプレートを触ってOJTで覚えてるものだから、テンプレートでよく使われているものは馴染みがあるけれど、そうでないものは迷いますね。thinとかwideとか出てこられてもなぁ、って感じ。
で。margin:0; padding:0;は言われてみれば覚えがあるのだけれども、CSS冒頭のデフォルトクリア部分などはすっとばしてました。いい学習ネタになりました。
  • posted by sugar 
  • URL 
  • 2005.10/25 11:01分 
  • [Edit]

*Trackback

トラックバックURL
http://bittersweetdreams.blog9.fc2.com/tb.php/467-f3812b98

Menu

このカテゴリの新着

最新の記事

ただ今ベータテスト中

以下のブログで、FC2ブログの新システムのテストをしています。こんなことをテストしてみてほしい、というのがありましたらコメントください。

Search

Mail Form

名前:
メール:
件名:
本文:

特にメールで連絡する必要があるものはこのフォームからどうぞ。ただし、返信をお約束するものではありません。当ブログの管理人はできるだけオープンなやりとりを望みます。

カスタマイズにかんするご質問はフォーラムへお願いします。

last.fm

analyze

アクセスなどの解析をしています。

Spam Checker

plugin by F.B

StyleKeeper

カレンダー

09 | 2008/10 | 11
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

おすすめ商品!

Tree-LINK

プロフィール

sugar(しゅが)

Author:sugar(しゅが)
sugar_potsugarの記述は半角英小文字、ひらがなでお願いします全角や大文字、カタカナはできれば勘弁してください。お願い。
† コメント、トラックバックはお気軽にどうぞ。リンク、ブックマークもどうぞご自由に。詳しくは↓このブログの概要↓をご覧ください。

最新コメント

TEST


フィードメーター - sugar potあわせて読みたい

NewMark

テンプレート構造解析

ボタン状タグ名をクリックすると、枠が表示されます。
div
table
th
td
↓のリンクはブックマークレットです。
div明示化
table明示化
th明示化
td明示化

♪BGM

©Plug-in by PRSU

Powered By FC2

Powered By FC2ブログ
ブログやるならFC2ブログ

  • Ad

    Bookmarked

    あまぞん

    Blog Battler

    Twitter

      フリーエリア

      上部の説明

      下部の説明