kristin.ehrmann
Quiz by , created more than 1 year ago

CSS Quiz on Fragenkatalog für Designer I Teil 3, created by kristin.ehrmann on 09/04/2015.

13
0
0
kristin.ehrmann
Created by kristin.ehrmann about 9 years ago
Close

Fragenkatalog für Designer I Teil 3

Question 1 of 40

1

Frage 81
Table-Tag für Tabelle ohne sichtbaren Rahmen

Select one or more of the following:

  • <table border="0">...</table>

  • ...

Explanation

Question 2 of 40

1

Frage 82
Reihenfolge der Bildbearbeitung bei digital aufgenommenen Bildern?

Select one or more of the following:

  • Scharf-/Weichzeichner, Tonwertkorrektur, Gradiationskurve, Farbbalance/Selektive Farbkorrektur, Farbton/Sättigung

  • Farbbalance/Selektive Farbkorrektur, Tonwertkorrektur, Gradiationskurve, Farbton/Sättigung, Scharf-/Weichzeichner

  • Tonwertkorrektur, Gradiationskurve, Farbbalance/Selektive Farbkorrektur, Farbton/Sättigung, Scharf-/Weichzeichner

  • Gradiationskurve, Tonwertkorrektur, Scharf-/Weichzeichner, Farbton/Sättigung, Farbbalance/Selektive Farbkorrektur

Explanation

Question 3 of 40

1

Frage 83
Welche CSS-Syntax erzeugt einen Rahmen um ein p-Element?

Select one or more of the following:

  • p {border-style: 1px solid black;}

  • p {border-style: solid;}

  • p {border-width: 1px border-style: solid; border-color:black;}

  • p {border: 1px dotted black;}

  • p {border = 1px solid black;}

  • p {border: 1px solid black;}

Explanation

Question 4 of 40

1

Frage 84
Identifizieren Sie die korrekte Syntax für die Erstellung einer nummerierten Liste

Select one or more of the following:

  • <list type = "numbered" start="1"> <li></li> <li></li></list>

  • <nl>< <li></li> <li></li></n>

  • <ol type="disc"> <li></li> <li></li></ol>

  • <ul start="1"> <li></li> <li></li></ul>

  • <ol type="1"> <li></li> <li></li></ol>

Explanation

Question 5 of 40

1

Frage 85
Wie können Sie mit Hilfe von CSS einen Rollover-Effekt erzeugen, bei dem eine Grafik ausgetauscht wird?

Select one or more of the following:

  • a {background-image: url(bild1.gif); }
    a:hover {background-image: url(bild1.gif); }

  • a img { url(bild1.gif); }
    a:hover img url { (bild1.gif); }

  • a { image: url (bild1.gif); }
    a:hover {image: url(bild1.gif); }

  • img { src: bild1.gif ; }
    img:hover {src: bild1.gif; }

Explanation

Question 6 of 40

1

Frage 86
Wie erzeugen Sie mit CSS einen Innenabstand für einen Absatz?

Select one or more of the following:

  • p { padding: 10px; }

  • p { margin: 10px; }

  • p { margin-inside: 10px; }

  • p { padding-inside: 10px; }

Explanation

Question 7 of 40

1

Frage 87
Wie kann man zwei Zellen einer Tabelle vertikal verbinden?

Select one or more of the following:

  • <table>
    <tr>
    <td rowspan="2">...</td>
    <td>...</td>
    </tr>
    <tr>
    <td>...</td>
    </tr>
    </table>

  • <table>
    <tr>
    <td colspan="2">...</td>
    <td>...</td>
    </tr>
    <tr>
    <td>...</td>
    </tr>
    </table>

  • <table>
    <tr rowspan="2">
    <td>...</td>
    <td>...</td>
    </tr>
    <tr>
    <td>...</td>
    <td>...</td>
    </tr>
    </table>

Explanation

Question 8 of 40

1

Frage 88
Wie viele Farben können Sie in einem GIF mit 4 Bit Farbtiefe maximal darstellen?

Select one or more of the following:

  • 32

  • 128

  • 4

  • 16

  • nur Graustufen, keine Farben

Explanation

Question 9 of 40

1

Frage 90
Mit welchem HTML-Code erzeugen Sie ein Dropdown-Menü?

Select one or more of the following:

  • <form>
    <select name="test" size="1">
    <option>...</option>
    <option>...</option>
    </select>
    </form>

  • <form>
    <option>...</option>
    <option>...</option>
    </form>

  • <form>
    <input type="select" />
    <option>...</option>
    <option>...</option>
    </form>

Explanation

Question 10 of 40

1

Frage 91
Mit welchen Werten für das CSS-Attribut list-style-type können Sie in CSS das Erscheinungsbild einer Liste mit Spiegelpunkten (Bullet-Liste) ändern?

Select one or more of the following:

  • list-style-type: square;

  • list-style-type: poly;

  • list-style-type: circle;

  • list-style-type: rect;

Explanation

Question 11 of 40

1

Frage 92
Wie können Sie mit CSS einer Liste eine Pixelgrafik als Spiegelpunkt hinzufügen?

Select one or more of the following:

  • list-style: url(bild.gif);

  • list-style-image: url(bild.gif);

  • list-image: url(bild.gif);

  • list-type: url(bild.gif);

  • list-style-type: url(bild.gif);

Explanation

Question 12 of 40

1

Frage 93 Teil 1
Welche der folgenden Maßeinheiten sind nach dem W3C-Standard in CSS bei der Wertzuweisung möglich?

Select one or more of the following:

  • ex

  • em

  • in

  • cm

  • pc

  • m

Explanation

Question 13 of 40

1

Frage 93 Teil 2
Welche der folgenden Maßeinheiten sind nach dem W3C-Standard in CSS bei der Wertzuweisung möglich?

Select one or more of the following:

  • %

  • mm

  • pt

  • cl

  • µ

  • ps

Explanation

Question 14 of 40

1

Frage 94
Auf der obersten Ebene Ihres Webservers (im document root) befindet sich die Startseite namens index.html. Daneben liegt ein Ordner namens seiten. In diesem Ordner befindet sich ein Unterordner namens kontakt. Darin liegt die Seite kontakt.html.
Wie erzeugen Sie von der Seite kontakt.html einen Hyperlink zurück zur Startseite?

Select one or more of the following:

  • <a href="../../../index.html">Startseite</a>

  • <a href="../index.html">Startseite</a>

  • <a href="/">Startseite</a>

  • <a href="Startseite">../../../index.html</a>

  • <a href="../../index.html">Startseite</a>

  • <a href="index.html">Startseite</a>

  • <a href="/index.html">Startseite</a>

Explanation

Question 15 of 40

1

Frage 95
Wie können Sie in HTML einem Absatz gleichzeitig sowohl die Klasse hervorgehoben als auch die Klasse zentriert zuweisen?

Select one or more of the following:

  • <p class="hervorgehoben, zentriert">Text</p>

  • <p class="hervorgehoben + zentriert">Text</p>

  • <p class="hervorgehoben zentriert">Text</p>

  • <p class="hervorgehoben" class="zentriert">Text</p>

  • <p class="hervorgehoben &amp; zentriert">Text</p>

Explanation

Question 16 of 40

1

Frage 96
Wie erzeugen Sie in einem HTML5-Formular ein einzeiliges Textfeld zur Eingabe einer E-Mail-Adresse?

Select one or more of the following:

  • <input type="submit" />

  • <input type="email" />

  • <input type="url" />

  • <input type="mailto" />

Explanation

Question 17 of 40

1

Frage 97
Welche der folgenden CSS-Ausdrücke zentriert Text in einem Absatz?

Select one or more of the following:

  • p { text=center; }

  • p { text-align: center; }

  • p { text-align=center; }

  • { p = text-align: center; }

  • p { align: center; }

  • p { text-center; }

Explanation

Question 18 of 40

1

Frage 98
Welche der folgenden HTML-Elemente sind keine Blockelemente?

Select one or more of the following:

  • <form>

  • <div>

  • <p>

  • <img />

  • <span />

  • <br />

Explanation

Question 19 of 40

1

Frage 99
Mit welchem Attribut im <video>-Tag können Sie bestimmen, dass ein Video von alleine startet?

Select one or more of the following:

  • loop

  • play

  • autostart

  • start

  • autoplay

Explanation

Question 20 of 40

1

Frage 100
Mit welcher der folgenden CSS-Eigenschaften können Sie bewirken, dass ein Element vom nachfolgenden Text rechts umflossen wird?

Select one or more of the following:

  • float: right;

  • float: left;

Explanation

Question 21 of 40

1

Welche Videoformate eignen sich zur Einbindung in ein HTML5-Dokument mit dem <video>-Tag?

Select one or more of the following:

  • WebM

  • F4V

  • FLV

  • OGV

  • SWF

  • MP4

  • WMV

  • MOV

Explanation

Question 22 of 40

1

Frage 102
Wie definieren Sie in einem HTML5-Formular einen Schieberegler?

Select one or more of the following:

  • <input type="meter" />

  • <input type="range" />

  • <input type="slider" />

  • <input type="button" class="slider" />

Explanation

Question 23 of 40

1

Frage 103
Mit welcher CSS-Syntax können Sie bewirken, dass eine Formular-Selectbox nur dann formatiert wird, wenn Sie innerhalb einer Tabelle steht?

Select one or more of the following:

  • select td {...}

  • select table {...}

  • table select {...}

  • td select {...}

Explanation

Question 24 of 40

1

Frage 104
Welche der folgenden HTML-Elemente entsprechen nicht dem HTML5-Standard?

Select one or more of the following:

  • <br />

  • <form action="#"></form>

  • <input type="text" />

  • <img src="bild.gif" />

Explanation

Question 25 of 40

1

Frage 105
Mit welchem Attribut können Sie in einem HTML5-Formular in einem Textfeld einen Standardtext vorgeben, der automatisch verschwindet, wenn man in das Textfeld klickt?

Select one or more of the following:

  • onclick="Standardtext"

  • value="Standardtext"

  • default-value="Standardtext"

  • default="Standardtext"

  • startvalue="Standardtext"

  • placeholder="Standardtext"

Explanation

Question 26 of 40

1

Frage 106
Welche Attribute sind nach dem HTML5-Standard im <img>-Tag möglich?

Select one or more of the following:

  • usemap

  • src

  • size

  • title

  • height

  • lowsrc

  • margin

  • width

  • href

  • border

Explanation

Question 27 of 40

1

Frage 107
Welcher der folgenden hexadezimalen Farbwerte erzeugt die Farbe grün?

Select one or more of the following:

  • #00ff00

  • #ff0000

  • #ff00ff

  • #0000ff

Explanation

Question 28 of 40

1

Frage 108
Welche Farbmodi unterstützt das PNG-Format?

Select one or more of the following:

  • Graustufen

  • RGB

  • CMYK

  • Indizierte Farben

Explanation

Question 29 of 40

1

Frage 109
Welche der folgenden Werte können dem CSS-Attribut background-position zugewiesen werden?

Select one or more of the following:

  • center

  • top

  • bottom

  • 5px

  • middle

  • left

  • contain

  • 3em

  • cover

  • right

Explanation

Question 30 of 40

1

Frage 110
Welche HTML-Attribute sind nach dem W3C-Standard Pflichtattribute für den <img>-Tag?

Select one or more of the following:

  • title

  • href

  • alt

  • size

  • border

  • align

  • width

  • usemap

  • height

  • src

Explanation

Question 31 of 40

1

Frage 111
Wie erzeugen Sie in HTML ein mehrzeiliges Textfeld?

Select one or more of the following:

  • <form type="textarea"></form>

  • <input type="textarea" />

  • <textarea></textarea>

Explanation

Question 32 of 40

1

Frage 112
Sie möchten erreichen, dass Überschriften keinen Abstand nach oben erzeugen, wenn Sie das erste Element in einem div sind. Mit welcher der folgenden LESS-Codebeispiele können Sie dies erreichen?

Select one or more of the following:

  • div {
    h1:first-child {
    margin-top: 0;
    }
    }

  • div {
    h1 {
    &:first-child {
    margin-top: 0;
    }
    }
    }

  • div {
    h1 &first-child {
    margin-top: 0;
    }
    }

  • div {
    h1 {
    &first-child {
    margin-top: 0;
    }
    }
    }

  • div h1:first-child { margin-top: 0; }

  • div {
    h1 {
    :first-child {
    margin-top: 0;
    }
    }
    }

  • div {
    h1 &:first-child {
    margin-top: 0;
    }
    }

Explanation

Question 33 of 40

1

Frage 113
Welche der folgenden Dateiformate unterstützen Alphatransparenzen?

Select one or more of the following:

  • PNG-8

  • JPEG

  • TIFF

  • GIF

  • PNG-24

  • PSD

Explanation

Question 34 of 40

1

Frage 114
Mit welchem CSS-Selektor können Sie bestimmen, dass ein <label>-Tag nur dann formatiert wird, wenn er direkt nach einer angekreuzten Checkbox steht?

Select one or more of the following:

  • label input [checkbox]:after

  • input type="checkbox" label

  • input[type="checkbox"]:checked + label

  • input[type="checkbox"]:after + label

  • checkbox:selected + label

  • label > input:checkbox:selected

  • input[type="checkbox"]:checked label

  • input:checkbox ~ label:checked

  • <input type="checkbox" checked="checked"> label

Explanation

Question 35 of 40

1

Frage 115
Welche der folgenden Angaben sind gültige CSS-Media-Queries?

Select one or more of the following:

  • @media all and (orientation: portrait)

  • @media screen and (max-device-width: 768px)

  • @media only screen and (min-width: 768px)

  • @media only screen and (min-viewport-width: 768px)

  • @media (max-width: 768px)

  • @media screen and (orientation landscape)

Explanation

Question 36 of 40

1

Frage 116
Mit welcher Funktion für die CSS-Eigenschaft transform können Sie ein Element proportional auf 50% skalieren (Herstellerpräfixe müssen nicht beachtet werden)?

Select one or more of the following:

  • transform: scale (0.5);

  • transform: scaleXY(0.5);

  • transform: scaleXY(50);

  • transform: scale(50)

  • transform: scale(0.5);

Explanation

Question 37 of 40

1

Frage 117
Welche Farbmodi unterstützt das JPEG-Format?

Select one or more of the following:

  • CMYK

  • RGB

  • Indizierte Farben

  • Mehrkanal

  • Graustufen

Explanation

Question 38 of 40

1

Frage 118
Welche Farbmodi eignen sich für Pixelbilder auf Webseiten?

Select one or more of the following:

  • CMYK

  • RGB

  • Duplex

  • Indizierte Farben

  • Graustufen

Explanation

Question 39 of 40

1

Frage 119
Welche der folgenden Dateiformate unterstützen Transparenzen?

Select one or more of the following:

  • JPEG

  • TIFF

  • GIF

  • PNG-24

  • PNG-8

  • PSD

Explanation

Question 40 of 40

1

Frage 120
Wie definieren Sie in LESS ein Mixin?

Select one or more of the following:

  • @mixin() {
    color: #333:
    background-color: #eee;
    border: 2px solid #333;
    }

  • .mixin() {
    color: #333:
    background-color: #eee;
    border: 2px solid #333;
    }

  • .mixin {
    color: @color;
    background-color: @bgcolor;
    border: @border-width solid @color;
    }

  • @mixin {
    color: #333:
    background-color: #eee;
    border: 2px solid #333;
    }

  • @mixin(.color; .bgcolor; .border-width) {
    color: .color;
    background-color: .bgcolor;
    border: .border-width solid .color;
    }

  • .mixin () {
    color: @color;
    background-color: @bgcolor;
    border: @border-width solid @color;
    }

  • .mixin (@color; @bgcolor; @border-width) {
    color: @color;
    background-color: @bgcolor;
    border: @border-width solid @color;
    }

  • .mixin {
    color: #333:
    background-color: #eee;
    border: 2px solid #333;
    }

Explanation