-
問1/10
CSSのレスポンシブ対応について,間違っているものをどれか
-
問2/10
次のようなHTMLがあったときに,先頭の文字だけサイズを大きくして,色を変えたい。正しい,CSSはどれか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>hello world</h1>
</body>
</html>
-
問3/10
次のHTMLを実行したときに,結果はどうなるか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a {
color: #fff;
padding: 15px;
}
a#btn {
background-color: blue;
}
a.active {
background-color: red;
}
</style>
</head>
<body>
<a href="#" id="btn" class="active">ボタンをクリック</a>
</body>
</html>
-
問4/10
①に当てはまるもので,1番フォントサイズが大きくなるものはどれか
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
font-size: 14px;
}
p {
①
}
</style>
</head>
<body>
<p>text</p>
</body>
</html>
-
問5/10
CSSでpタグの文字の色を「赤」にする場合,色の指定方法として誤っているものはどれか。
-
問6/10
次のHTMLで,hello word文字列を上下中央揃えしたい。正しい,設定の組み合わせはどれか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#box {
position: relative;
height: 160px;
}
#box .icon {
position: absolute;
top: 50%;
left: 50%;
①
②
}
</style>
</head>
<body>
<div id="box">
<div class="icon">
<p>hellw world</p>
</div>
</div>
</body>
</html>
-
問7/10
CSSのコメントアウトする方法で正しいものはどれか
-
問8/10
CSSとSEO対策の説明で誤っているものはどれか。
-
問9/10
次のようなHTMLがあったときに,テスト2, 4, 6, ...と奇数個目要素だけ赤色に変更したい。
正しい,CSSはどれか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>テスト1</li>
<li>テスト2</li>
<li>テスト3</li>
<li>テスト4</li>
<li>テスト5</li>
<li>テスト6</li>
<li>テスト7</li>
<li>テスト8</li>
<li>テスト9</li>
<li>テスト10</li>
</ul>
</body>
</html>
-
問10/10
idセレクタの正しい指定方法はどれか