テスト

CSS

【28】
CSSとは、何の略か
  1. Common Style System
  2. Cascading Style Sheet
  3. Cast Style Sound
  4. Case Style Study

2

  • CSSは、Cascading Style Sheetの略で、Webのスタイル(デザイン)を定義する技術です。
【29】
スタイルシートをヘッダ部に記述する場合に使用するタグはどれか
  1. styleタグ
  2. metaタグ
  3. cssタグ
  4. setタグ

1

  • HTML文書内のヘッダ(<head> - </head>)部分に記述する方法では、ヘッダ部に以下のようにstyleタグを記述します。
  • <style type="text/css"> <!-- 適用したいスタイル --> </style>
【30】
スタイルシートの適用方法で正しくないものはどれか
  1. 外部ファイルに記述し、HTML文書のヘッダ部にstyleタグで適用
  2. スタイルを適用したいHTMLの要素に直接記述
  3. ヘッダ(<head> - </head>)部分に直接記述
  4. htmlタグの記述の外側に直接記述

4

  • 設定したスタイルをHTMLに適用するには、以下の3つの方法があります。

1. スタイルを適用したいHTMLの要素に直接記述
2. HTML文書のヘッダ(<head> - </head>)部分に直接記述
3. 外部ファイルに記述し、HTML文書のヘッダ部にstlyeタグで適用

【31】
スタイルシートを外部ファイルに定義する場合、ヘッダ部に記述する設定で正しいものはどれか
  1. <link rel="stylesheet" href="使用するスタイルシートのパス" type="text/css">
  2. <stylesheet href="使用するスタイルシートのパス" type="text/css">
  3. <a href="使用するスタイルシートのパス" type="text/css">
  4. <style href="使用するスタイルシートのパス" type="text/css">

1

【32】
スタイルシートを利用するメリットはどれか
  1. 高度なデザインが実現可能
  2. 複数ページのレイアウトを一元管理
  3. メンテナンス性の向上
  4. よりデザインが洗練されたページを作成
  5. 1から4全て

5

【33】
以下のスタイルシートは、何を設定しているか
  • h1{ font-size : 20px; color : red; }
  1. h1タグにフォントサイズ20px、文字の色を赤に設定
  2. h1タグにフォントサイズ20px、枠線を赤に設定
  3. h1タグにフォントサイズ20px、背景色を赤に設定
  4. h1タグにフォントサイズ20px、下線を赤に設定

1

【34】
ある領域の内側の余白を設定するプロパティはどれか
  1. padding
  2. background-color
  3. overflow
  4. margin

1

【35】
文字の大きさを調整するfont-sizeの指定の仕方として正しくないものはどれか
  1. xx-small
  2. pt(ポイント)
  3. medium
  4. x-large
  5. 全て正しい

5

【36】
背景色を設定するプロパティはどれか
  1. background-color
  2. background-image
  3. background-position
  4. background-repeat

1

【37】
ある領域の外側の余白を設定するプロパティはどれか
  1. background-color
  2. margin
  3. padding
  4. overflow

2

【38】
線の種類を指定するキーワードと説明として正しくないものはどれか
  1. solid：実線
  2. double：二重線
  3. dotted：点線
  4. dashed：破線
  5. 全て正しい

5

【39】
文字列の右寄せ、左寄せなどを設定するためのプロパティはどれか
  1. font-size
  2. text-align
  3. line-height
  4. letter-spacing

2

【40】
文字の太さを調整するためのプロパティはどれか
  1. letter-spacing
  2. font-size
  3. font-weight
  4. font-family

3

【41】
行の高さを調整するためのプロパティはどれか
  1. font-size
  2. letter-spacing
  3. line-height
  4. text-align

3

【42】
strongタグの文字に下線を設定したスタイルとして正しいものはどれか
  1. strong { text-decoration : underline; }
  2. strong { text-decoration : none; }
  3. strong { text-decoration : line-through; }
  4. strong { text-decoration : overline; }

1

【43】
文字の太さを調整するfont-weightの指定の仕方として正しいものはどれか
  1. xx-small
  2. bold
  3. medium
  4. pt

2

【44】
class属性を使用したスタイルシートの設定で正しいものはどれか
  1. p：red { font-size : 18px }
  2. p.red { font-size : 18px; }
  3. p#red { font-size : 18px; }
  4. p-red < font-size : 18px; >

2

【45】
指定した領域を右側や左側に回りこんで表示したい場合に使用するプロパティはどれか
  1. background-repeatプロパティ
  2. floatプロパティ
  3. clearプロパティ
  4. overflowプロパティ

2

【46】
id属性を使用したスタイルシートの設定で正しいものはどれか
  1. p#red { font-size : 18px; }
  2. p.red { font-size : 18px; }
  3. p-red < font-size : 18px; >
  4. p：red { font-size : 18px; }

1

【47】
文字の間隔を調整するためのプロパティはどれか
  1. letter-spacing
  2. text-align
  3. font-size
  4. line-height

1

【48】
下記のようにフォントを複数設定した場合、どのフォントが優先的に適用されるか
  • body { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
  1. "メイリオ"
  2. "ＭＳ Ｐゴシック"
  3. sans-serif
  4. どれも同じ優先度

1

【49】
スタイルシートのclass属性の目的はどれか
  1. 同じ要素でも、スタイルを使い分けるため
  2. スタイルシートの分類のため
  3. スタイルの優先度の設定のため
  4. あまり意味はない

1

【50】
overflowプロパティの指定として正しくないものはどれか
  • 指定したある領域の範囲よりも表示したい内容が大きい場合
  1. auto
  2. scroll
  3. pt
  4. visible

3