kristin.ehrmann
Quiz por , criado more than 1 year ago

CSS Quiz sobre Fragenkatalog für Designer I Teil 3, criado por kristin.ehrmann em 09-04-2015.

14
0
0
kristin.ehrmann
Criado por kristin.ehrmann mais de 9 anos atrás
Fechar

Fragenkatalog für Designer I Teil 3

Questão 1 de 40

1

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

Selecione uma ou mais das seguintes:

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

  • ...

Explicação

Questão 2 de 40

1

Frage 82
Reihenfolge der Bildbearbeitung bei digital aufgenommenen Bildern?

Selecione uma ou mais das seguintes:

  • 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

Explicação

Questão 3 de 40

1

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

Selecione uma ou mais das seguintes:

  • 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;}

Explicação

Questão 4 de 40

1

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

Selecione uma ou mais das seguintes:

  • <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>

Explicação

Questão 5 de 40

1

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

Selecione uma ou mais das seguintes:

  • 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; }

Explicação

Questão 6 de 40

1

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

Selecione uma ou mais das seguintes:

  • p { padding: 10px; }

  • p { margin: 10px; }

  • p { margin-inside: 10px; }

  • p { padding-inside: 10px; }

Explicação

Questão 7 de 40

1

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

Selecione uma ou mais das seguintes:

  • <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>

Explicação

Questão 8 de 40

1

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

Selecione uma ou mais das seguintes:

  • 32

  • 128

  • 4

  • 16

  • nur Graustufen, keine Farben

Explicação

Questão 9 de 40

1

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

Selecione uma ou mais das seguintes:

  • <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>

Explicação

Questão 10 de 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?

Selecione uma ou mais das seguintes:

  • list-style-type: square;

  • list-style-type: poly;

  • list-style-type: circle;

  • list-style-type: rect;

Explicação

Questão 11 de 40

1

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

Selecione uma ou mais das seguintes:

  • 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);

Explicação

Questão 12 de 40

1

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

Selecione uma ou mais das seguintes:

  • ex

  • em

  • in

  • cm

  • pc

  • m

Explicação

Questão 13 de 40

1

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

Selecione uma ou mais das seguintes:

  • %

  • mm

  • pt

  • cl

  • µ

  • ps

Explicação

Questão 14 de 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?

Selecione uma ou mais das seguintes:

  • <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>

Explicação

Questão 15 de 40

1

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

Selecione uma ou mais das seguintes:

  • <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>

Explicação

Questão 16 de 40

1

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

Selecione uma ou mais das seguintes:

  • <input type="submit" />

  • <input type="email" />

  • <input type="url" />

  • <input type="mailto" />

Explicação

Questão 17 de 40

1

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

Selecione uma ou mais das seguintes:

  • p { text=center; }

  • p { text-align: center; }

  • p { text-align=center; }

  • { p = text-align: center; }

  • p { align: center; }

  • p { text-center; }

Explicação

Questão 18 de 40

1

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

Selecione uma ou mais das seguintes:

  • <form>

  • <div>

  • <p>

  • <img />

  • <span />

  • <br />

Explicação

Questão 19 de 40

1

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

Selecione uma ou mais das seguintes:

  • loop

  • play

  • autostart

  • start

  • autoplay

Explicação

Questão 20 de 40

1

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

Selecione uma ou mais das seguintes:

  • float: right;

  • float: left;

Explicação

Questão 21 de 40

1

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

Selecione uma ou mais das seguintes:

  • WebM

  • F4V

  • FLV

  • OGV

  • SWF

  • MP4

  • WMV

  • MOV

Explicação

Questão 22 de 40

1

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

Selecione uma ou mais das seguintes:

  • <input type="meter" />

  • <input type="range" />

  • <input type="slider" />

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

Explicação

Questão 23 de 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?

Selecione uma ou mais das seguintes:

  • select td {...}

  • select table {...}

  • table select {...}

  • td select {...}

Explicação

Questão 24 de 40

1

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

Selecione uma ou mais das seguintes:

  • <br />

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

  • <input type="text" />

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

Explicação

Questão 25 de 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?

Selecione uma ou mais das seguintes:

  • onclick="Standardtext"

  • value="Standardtext"

  • default-value="Standardtext"

  • default="Standardtext"

  • startvalue="Standardtext"

  • placeholder="Standardtext"

Explicação

Questão 26 de 40

1

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

Selecione uma ou mais das seguintes:

  • usemap

  • src

  • size

  • title

  • height

  • lowsrc

  • margin

  • width

  • href

  • border

Explicação

Questão 27 de 40

1

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

Selecione uma ou mais das seguintes:

  • #00ff00

  • #ff0000

  • #ff00ff

  • #0000ff

Explicação

Questão 28 de 40

1

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

Selecione uma ou mais das seguintes:

  • Graustufen

  • RGB

  • CMYK

  • Indizierte Farben

Explicação

Questão 29 de 40

1

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

Selecione uma ou mais das seguintes:

  • center

  • top

  • bottom

  • 5px

  • middle

  • left

  • contain

  • 3em

  • cover

  • right

Explicação

Questão 30 de 40

1

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

Selecione uma ou mais das seguintes:

  • title

  • href

  • alt

  • size

  • border

  • align

  • width

  • usemap

  • height

  • src

Explicação

Questão 31 de 40

1

Frage 111
Wie erzeugen Sie in HTML ein mehrzeiliges Textfeld?

Selecione uma ou mais das seguintes:

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

  • <input type="textarea" />

  • <textarea></textarea>

Explicação

Questão 32 de 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?

Selecione uma ou mais das seguintes:

  • 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;
    }
    }

Explicação

Questão 33 de 40

1

Frage 113
Welche der folgenden Dateiformate unterstützen Alphatransparenzen?

Selecione uma ou mais das seguintes:

  • PNG-8

  • JPEG

  • TIFF

  • GIF

  • PNG-24

  • PSD

Explicação

Questão 34 de 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?

Selecione uma ou mais das seguintes:

  • 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

Explicação

Questão 35 de 40

1

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

Selecione uma ou mais das seguintes:

  • @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)

Explicação

Questão 36 de 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)?

Selecione uma ou mais das seguintes:

  • transform: scale (0.5);

  • transform: scaleXY(0.5);

  • transform: scaleXY(50);

  • transform: scale(50)

  • transform: scale(0.5);

Explicação

Questão 37 de 40

1

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

Selecione uma ou mais das seguintes:

  • CMYK

  • RGB

  • Indizierte Farben

  • Mehrkanal

  • Graustufen

Explicação

Questão 38 de 40

1

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

Selecione uma ou mais das seguintes:

  • CMYK

  • RGB

  • Duplex

  • Indizierte Farben

  • Graustufen

Explicação

Questão 39 de 40

1

Frage 119
Welche der folgenden Dateiformate unterstützen Transparenzen?

Selecione uma ou mais das seguintes:

  • JPEG

  • TIFF

  • GIF

  • PNG-24

  • PNG-8

  • PSD

Explicação

Questão 40 de 40

1

Frage 120
Wie definieren Sie in LESS ein Mixin?

Selecione uma ou mais das seguintes:

  • @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;
    }

Explicação