CSS 3の選択式問題(MCQ)

CSS 3の選択式問題(MCQ)

MCQSS.comでは、様々なトピックをカバーする無料のCSS 3の選択式問題を提供しています。当サイトのインタラクティブなフォーマットにより、即座に正解かどうかを確認できます。CSS 3の知識をテストしてみましょう!会員登録やサインアップは必要ありませんので、無料でご利用いただけます。MCQSS.comでスキルを磨き、試験の準備をしましょう。

1: セクション508コンプライアンスのデバッグするには、すべての画像にALTタグが含まれていることを確認することができます。これを行うには:

A.   @media_query {alt :?}

B.   IMG:not([alt])

C.   {alt}を見つける

2: 正しいか間違っているか? Word-wrapおよびOverflow-rapプロパティは同じ効果があります。

A.   真実

B.   間違い

3: CSS3属性は正しくありません

A.   規模()

B.   マトリックス()

C.   滑り台()

D.   すべてが正しいです

E.   翻訳()

4: モバイルデバイスのハードウェアアクセラレーションをトリガーするために使用される一般的なCSS3トリックは何ですか?

A.   メディアクエリを使用します

B.   2D変換を使用します(3Dは加速されません)

C.   3D変換を使用します(z軸を0に設定した2Dの場合)

D.   CSSアニメーションを使用する(排他的)

E.   ディスプレイの使用:HW-Accelerated

5: すべてのCSS3プロパティは最新のブラウザに実装されていますか?

A.   いいえ

B.   サファリを除くすべて

C.   はい

D.   Internet Explorerを除くすべて。

6: 認識されているメディアタイプはどれですか?

A.   これらすべて

B.   画面

C.   ハンドヘルド

D.   スピーチ

7: 擬似クラスのプロパティの前に単一の______を書きます。

A.   コロン

B.   ハッシュ

C.   ドット

D.   セミコロン

8: 要素に「バウンス」効果を適用するにはどうすればよいですか?

A.   どちらの答えも正しいです。

B.   「キュービックベジエ」を使用して移動し、通常よりも値が大きくなります。

C.   要素を移行して位置に移動するアニメーションを作成し、それに続いて、反対の直線で別のより高速ではあるが短い動きが続きます。

9: _____配置されたボックスは、通常のフローから取り出されます。

A.   相対的

B.   静的

C.   絶対

D.   普通

10: ラインにフロートのための十分なスペースがない場合、それは次のとおりです。

A.   下にシフトした

B.   重複

C.   隠れた

D.   上向きにシフトしました

11: CSS3プロパティの移行の速記バージョンは何ですか?

A.   Trans:プロパティの長さの効果速度

B.   遷移効果:属性時間スイングカウント

C.   遷移:属性長の効果速度

D.   移行:プロパティ期間のタイミング機能遅延

12: このコードは影響します:@media print {h1#first {position:static}

A.   印刷のみ

B.   すべてのブラウザと印刷

C.   印刷を除くすべてのメディアデバイス

D.   どれでもない

13: テキストをすべての大文字に変えるには、次を使用します。

A.   大文字:

B.   テキストトランスフォーム:

C.   大文字:

D.   これらのいずれか

E.   叫ぶ:

14: 外部StyleSheetでエンコードする文字を指定するには:

A.   @文字コード

B.   @メディア

C.   !重要

D.   @輸入

15: テキストシャドウの水平影、垂直シャドウ、______距離を指定できます。

A.   フェード

B.   ぼやけ

C.   シャープ

D.   フェードアウト

16: 繰り返さないように背景画像をどのように設定しますか?

A.   div {background-image:no-repeat; }

B.   div {画像:繰り返しはありません。 }

C.   div {background-repeat:no-repeat; }

17: CSS3の出現により、CSS2は次のようになりました。

A.   使い物にならない

B.   運命止め

C.   どれでもない

D.   廃止

18: @KeyFramesはCSS3のアニメーションの方法ですか?

A.   はい

B.   これは、すべてのCSSの方法ではなく、Flashのみではありません。

C.   いいえ

19: インターネットエクスプローラーのベンダープレフィックスは何ですか?

A.   -mz-

B.   -ie-

C.   -moz-

D.   -MS-

20: 以下の次のオプションのうち、正しいCSS構文があるものはどれですか?

A.   p {色:赤;テキストアライグ:center;}

B.   p {色:赤;テキストアライグ:センター}

C.   p {色:赤;テキストアライグ:Center};

D.   P(色:赤、テキストアライグ:センター;)

21: 「無効」の入力のみを選択する正しい方法は?

A.   CSS3ではできません

B.   入力:非表示

C.   入力:無効

D.   入力:not( 'Active')

E.   入力:Readonly

22: WebKitには独自のプレフィックスがあり、次のように機能します。

A.   すなわち

B.   サファリ

C.   WebKitブラウザのみ

D.   すべてのブラウザ

23: 「左」、「トップ」、「右」、「下」プロパティは、すべての位置付けられた要素に適用されますか?

A.   いいえ、それらは比較的配置された要素に対してのみ有効です

B.   はい

C.   いいえ、それらは絶対に配置された要素に対してのみ有効です

24: HTML使用で実際にテーブルを使用せずにテーブルを使用する効果を与えるには:

A.   表示ブロック

B.   表示:テーブル

C.   表示:列

D.   表示:行

A.   どれでもない

B.   擬似クラス

C.   Pタグ

D.   反復

26: Li:nth-​​child(2n+1){background-color:rgba(225、0、30、0.8); }このコードは次のとおりです。

A.   偶数番号のliタグの背景色を変更する

B.   1つの行に2つのLIタグを組み合わせます

C.   奇数番号のliタグの背景色を変更します

D.   背景を赤にします

27: ブラウザがスタイリングを受け入れるかどうかは、次のように呼ばれます。

A.   ブラウザスニッフィング

B.   ブラウザサポート

C.   非推奨コード

D.   ハック

28: _____を使用して、各単語の文字を文に広げます。

A.   文字間隔

B.   Align-Right

C.   単語間隔

D.   パディング

29: CSS3宣言を使用する前に、次のことが重要です。

A.   ブラウザのサポートに注意してください

B.   他のすべての既存のスタイルをオフにします

C.   ヘッダーのCSS3スタイリングをオンにします

D.   CSS3 JavaScriptを実行します

30: ::ファーストラインは擬似要素ですか?

A.   真実

B.   間違い

31: CSS3ボタン内でより多くのスペースを作成するには:

A.   セルパッジング

B.   マージン

C.   細胞間隔

D.   パディング

32: div使用の内側にボックスシャドウを持つには:

A.   列をなして

B.   最初

C.   脳卒中

D.   挿入図

33: これらのどれがCSS3のフォント重量記述子ではありませんか?

A.   200

B.   大胆な

C.   イタリック

D.   900

34: 次のことは有効ですか? 「Box -Shadow:-5px -5px -5px #ccc;」

A.   いいえ

B.   はい

35: このコードは何をしますか? @import url( "mystyle.css");

A.   このスタイルシートをHTMLページにリンクします

B.   他のスタイルシートからスタイルルールをインポート

C.   他のすべてのスタイルシートをオーバーライドします

D.   このシャイルシートを最も重要にします

36: CSS3はCSS2を完全に引き継ぎますか、それとも2つを混合できますか?

A.   いいえ

B.   混合

C.   はい

37: ページ上のすべての要素をターゲットにするために使用できるセレクターはどれですか?

A.   体

B.   HTML

C.   $

D.   *

38: CSS3プロパティの4つの現在のベンダープレフィックスは何ですか? (モバイルやテレビではなく、5つの主要なデスクトップブラウザー)

A.   -moz、-wap、-xv、-epub

B.   -moz-、-webkit-、-o、-ms、

C.   -ff、-ch、-sf、-op、-ie

D.   -moz-、-web-kit-、-opera-、-micro-

E.   -ie、-fox、-apples、-oprah

39: 命令されていないリストでは、LIタグの弾丸をオフにするために使用します。

A.   リストスタイル:なし;

B.   Li:なし;

C.   リストタイプ:なし;

D.   表示:なし;

40: Z-Indexプロパティが位置付けられた要素にのみ適用されるのは本当ですか?

A.   いいえ

B.   はい

41: Trueまたはfalse:要素の境界線は、2つの辺までのみ異なります。

A.   間違い

B.   真実

42: 不透明度は画像を表示する可能性があります。

A.   輝く

B.   発光

C.   フェードされた

D.   傾いた

43: liの使用:nth-​​child(odd)will:

A.   Nth-ChildのクラスでLIタグに影響を与えます

B.   他のすべてのLIタグにマージンを追加します

C.   境界線が発生します

D.   奇妙な数のLIタグのみに影響を与える

44: 3〜3.5インチの画面サイズを備えたデバイスのスタイリングを使用するのが最善です。

A.   最大境界線

B.   メディアクエリ

C.   解像度ファインダー

D.   スクリーンショット

45: trueまたはfalse:CSSボックスモデルにより、CSS3を使用して円を作成することはできません。

A.   真実

B.   間違い

46: StyleSheetで指定されたCSS要素は、常に___________で終了する必要があります。

A.   コンマ(、)

B.   コロン(:)

C.   巻き毛ブラケット(})

D.   括弧())

47: 何がするか' P:First-Child'の例になりますか?

A.   Pタグ

B.   擬似クラス

C.   反復

D.   どれでもない

48: 要素の背景の不透明度を設定するには、使用してください。

A.   色:#000(50%)

B.   色:RGB(0,0,0,0.5)

C.   背景:RGB(#000 -30%)

D.   バックグラウンドカラー:RGBA(0,0,0,0.5)

49: カスタムフォントを作成するときにどのようなプロパティが使用されますか?

A.   フォント[カスタムフォント]

B.   カスタムフォント

C.   @フォント

D.   @font-face

50: 要素がその親要素のフォントファミリーを取得するにはどうすればよいですか?

A.   フォントファミリー:受け入れます。

B.   フォントファミリー:継承;

C.   フォント:継承;

D.   親:継承

51: 要素にマージンを与える正しい方法はどれですか?

A.   マージン:30px、20px、10px、20px;

B.   マージン:30px 20px 10px 20px;

52: この順序で、コンテンツ、パディング、境界線、マージン、これらは_____を最もよく表しています

A.   CSSボックスモデル

B.   幅

C.   寸法

D.   身長

53: ページ上のすべてのdivの背景色をどのように青くしますか?

A.   div {color:blue; }

B.   div {background-color:blue; }

C.   div#{background-color:blue; }

D.   div {style: "background-color:blue"}

54: CSS3でアニメーションを作成するとき、画像が動くと色を変えることができますか、それとも目的地になるまで待たなければなりませんか?

A.   いいえ

B.   はい

55: HTMLドキュメントに内部スタイルシートを作成するためにどのタグを使用しますか?

A.   <StyleSheet>

B.   <スクリプト>

C.   <style>

D.   <css>

56: マージントップ:30px;ここ:

A.   どちらも値です

B.   どちらもプロパティです

C.   マージントップは価値、30pxはプロパティです

D.   マージントップはプロパティで、30pxは価値です

57: liタグを並べて使用するには:

A.   表示:サイド

B.   ディスプレイ:インライン

C.   表示:左

D.   表示:右

58: CSS3で画像を回転できますか?できれば、そうするための適切な方法は何ですか?

A.   はい、回転

B.   はい、ターンします

C.   いいえ

D.   はい、スピン

E.   はい、位置

59: CSSでは、 *はAと呼ばれます。

A.   コメント

B.   ユニバーサルセレクター

C.   どれでもない

D.   IDタグ

60: CSS3を使用すると、Box-Shadowと同様に、Inset Text-Shadowを指定できます。

A.   間違い

B.   真実

61: どのブラウザがサポートされていない変換スタイルです

A.   インターネットエクスプローラ

B.   オペラ

C.   Firefox

D.   サファリ

62: CSS3の不透明度の構文は何ですか?

A.   フィルター:アルファ(不透明度= 0.4)

B.   -ie-filter:alpha(Opacity = 40)

C.   不透明度:0.4;

D.   フィルター:アルファ(不透明度= 40)

E.   -ms-filter:alpha(Opacity = 40)

63: ブラウザDOSは、3Dトランスフォームのすべてのプロパティをサポートしていません

A.   インターネットエクスプローラー11

B.   インターネットエクスプローラー10

C.   クロム36

64: HTML5キャンバスを使用する場合、それは良いことです...

A.   互換性のあるブラウザでの構築に焦点を当てます。

B.   ユーザーがページに入る前に、ブラウザ互換性の警告を作成します。

C.   これらすべて。

D.   ページのブラウザの好みをユーザーに知らせてください。

65: 背景に複数の画像を使用する場合は、両方に_____を設定する必要があります。

A.   配置

B.   プラグイン

C.   アドオン

D.   ホバー状態

66: CSSはスタイルに使用できます...

A.   XML

B.   SVG

C.   xhtml

D.   これらすべて

67: nth-child(-n+x)pseudoセレクターを使用することに割り当てられる制限は何ですか?「x」は、含める一致の数を表しますか?

A.   20

B.   無限

C.   10

D.   100

E.   500

68: CSSを使用して、スクリプトを使用せずに要素の角を丸くするには:

A.   曲線の角

B.   jquery

C.   ボーダーラジウス

D.   CSSボックスモデル

69: Trueまたはfalse:CSS3を使用して画像とアニメーションを作成できます。

A.   間違い

B.   真実

70: CSS仕様は次のように維持されます。

A.   w3c

B.   オープンソース開発者

C.   SVG

D.   モジラ

71: トランジションは次のようにサポートされています。

A.   インターネットエクスプローラー8以上

B.   webkitブラウザ

C.   Netscapeナビゲーター

D.   インターネットエクスプローラー7以上

72: HTML属性を使用して、スタイルをインラインで定義できます。

A.   間違い

B.   真実

73: 場合によっては、CSS3が次の必要性を置き換えました。

A.   フラッシュムービー

B.   レイアウト画像

C.   アニメーションGIF

D.   これらすべての

74: Trueまたはfalse:ロールオーバー効果は、CSSを使用して痛む可能性があります。

A.   間違い

B.   真実

75: どの色がこのCSS値を示します:#ffffff;

A.   白

B.   緑

C.   黒

D.   赤

E.   青

76: セクション要素をスタイリングするには、次のことを使用できます。

A.   セクション{色:赤;}

B.   セクション[セクション] {色:赤;}

C.   セクション{[セクション]色:赤;}

77: CSS3のBox-Shadowに負の値を使用できますか?

A.   いいえ

B.   はい

78: Trueまたはfalse:CSS3では、複数の背景画像を追加できます。

A.   間違い

B.   真実

79: CSSにコメントを追加するにはどうすればよいですか?

A.   /* コメント */

B.   // コメント

C.   <?コメント?>

D.   # コメント

80: CSS3または他の要素のみの遷移でホバーアクションを使用して要素の幅を拡張できますか?

A.   はい

B.   いいえ、色や不透明度などの他の要素のみです。

81: HREFの使用から下線を削除するには:

A.   表示:なし

B.   可視性:なし

C.   テキスト:Line-None

D.   テキスト装置:なし;

82: Webページにスタイルを適用する方法は何ですか?

A.   これらすべて

B.   埋め込み

C.   輸入

D.   リンク

E.   列をなして

83: CSS2とCSS3のスタイルを組み合わせることができます。

A.   真実

B.   間違い

84: CSS3を使用する前に、最初にAを追加する必要があります。

A.   アドオン

B.   プラグイン

C.   jQueryスクリプト

D.   どれでもない

85: どの色がこのCSS値を示します:#000000;

A.   緑

B.   白

C.   赤

D.   黒

E.   青

86: Trueまたはfalse:すべてのCSSを使用して、背景色、ボタン、水平、または垂直アライメントを含む完全なナビゲーションバーを作成できます!

A.   間違い

B.   真実

87: CSS3を使用してテキストを虚ろに見せることができますか?

A.   いいえ

B.   はい

88: &#39;:&#39;および&#39;:&#39;擬似要素を使用して、要素のコンテンツの前後に生成されたコンテンツを挿入できます。

A.   真実

B.   間違い

89: CSS3を使用すると、マルチカラーを作成できます。

A.   正方形

B.   三角形

C.   円

D.   これらすべて

90: Trueまたはfalse:CSS3を使用すると、Divをアニメーション化できます。

A.   真実

B.   間違い

91: プロパティに値を割り当てた後、次のようなステートメントを終了する必要があります。

A.   セミコロン

B.   ドット

C.   期間

D.   結腸

92: 次のうちどれがCSS3の特徴ではありません:

A.   1つの要素で複数のプロパティをアニメーション化できます。

B.   1つの要素に複数の境界スタイルが可能になります。

C.   1つの要素に複数の背景が可能になります。

D.   1つの要素に複数のテキストシャドウが可能になります。

E.   これらはすべてCSS3の機能です。

93: ボーダーラジウスの正しい使用はどれですか?

A.   これらのいずれか

B.   5px 5px 5px 5px;

C.   2px 3px;

D.   2px;

94: CSS3では、背景画像のサイズを指定することが可能です...

A.   ...どちらでも:サイズは実際の画像サイズによって決定されます。

B.   ...ピクセルまたはパーセンテージで。

C.   ...パーセンテージのみ。

D.   ...ピクセルのみ。

95: 外部スタイルシートを参照するためにHTMLのどのラインを使用しますか?

A.   <link src = "emple.css" rel = "styleSheet">

B.   <link rel = "text/css" type = "styleSheet" href = "emple.css">

C.   <a href="example.css" type="stylesheet">

D.   <link rel = "styleSheet" type = "text/css" href = "emple.css">

A.   CSSを使用してボタンを作成します

B.   ボタンをスライスし、HREFを使用します

C.   ボタンをページにカットして貼り付けます

D.   CSSを使用してボタンIMGを背景に追加します

97: さまざまな場所のスタイルが競合するとき、どちらが優先されますか?

A.   インラインスタイルの属性

B.   <style>ヘッド要素に含まれるブロック

C.   リンク要素で参照される外部スタイルシート

98: WebKitでは、遷移期間を設定するには、最初に次のことが必要です。

A.   移行プロパティを設定

B.   ディスプレイを設定します

C.   タイミング関数を設定します

D.   属性を与えます

99: セレクターの状態を変更するには、次のことを変更する必要があります。

A.   モデル

B.   構文

C.   エレメント

D.   財産

100: CSS3を使用して3つの列をページに追加しますか

A.   div {-webkit-column-count:3 /* chrome、safari、opera* / -moz-column-count:3 /* firefox* / column-count:3; }

B.   div {column-counter:3; }