Webサイト構築の手引き

問題1

サイト全体の背景色を黒(#000000)にする記述はどれ

body{color:#000000;}

body{background-color:#000000;}

body{backgroundColor:#000000;}

問題2

p要素の文字の大きさを大きくする記述はどれ

p{size:24px;}

p{font-style:24px;}

p{font-size:24px;}

問題3

下記の記述の場合、画像の右に文字を回り込ませる記述はどれ

<!-- HTML -->
<img src="pusan.jpg" alt="ぷーさん" width="200px" height="180px" />
<p>ここに文章が入ります。</p>

img{text-align:right;}

img{float: right;}

img{float: left;}

問題4

下記のような表示にする場合の、【A】の記述はどれ

<!-- HTML -->
<p>ここに文章が入ります。</p>

<!-- CSS -->
p{
【A】;
border: 1px solid #FF0000;
}

padding-top:50px

margin-top:50px

top:50px

問題5

下記のような表示にする場合の、【A】の記述はどれ

<!-- HTML -->
<p>ここに文章が入ります。</p>

<!-- CSS -->
p{
width:100px;
border: 1px solid #FF0000;
【A】
}

padding-left:120px;

margin:0 auto;

text-align:center;

問題6

div要素内のp要素のみを文字色を赤く(#ff0000)する記述はどれ

div p{color:#ff0000;}

div , p{color:#ff0000;}

div .p{color:#ff0000;}

問題7

class名が"red"と指定されている全ての文字の色を赤(#ff0000)にする記述はどれ

.red{color:#ff0000;}

p.red{color:#ff0000;}

#red p{color:#ff0000;}

問題8

id名が"box"と指定されている要素の背景色を白(#ffffff)にする記述はどれ

box{background-color:#ffffff;}

#box{background-color:#ffffff;}

#div.box{background-color:#ffffff;}

問題9

idとclassについて正しい説明はどれ

idもclassも複数出現してよく同じ意味である

idもclassも複数出現してよいが、使える要素に違いがある

idはページ内で1つだけ、classは複数出現してよい

問題10

CSSについての正しい説明をしているのはどれ

装飾は外部のCSSファイルからのみできる

CSSでアニメーションはできない

jQueryなどを使い後からCSSを変更する事が可能である