kristin.ehrmann
Test por , creado hace más de 1 año

CSS Test sobre Fragenkatalog für Designer I Teil 3, creado por kristin.ehrmann el 09/04/2015.

14
0
0
kristin.ehrmann
Creado por kristin.ehrmann hace más de 9 años
Cerrar

Fragenkatalog für Designer I Teil 3

Pregunta 1 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

  • ...

Explicación

Pregunta 2 de 40

1

Frage 82
Reihenfolge der Bildbearbeitung bei digital aufgenommenen Bildern?

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 3 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 4 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 5 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 6 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • p { padding: 10px; }

  • p { margin: 10px; }

  • p { margin-inside: 10px; }

  • p { padding-inside: 10px; }

Explicación

Pregunta 7 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 8 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • 32

  • 128

  • 4

  • 16

  • nur Graustufen, keine Farben

Explicación

Pregunta 9 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • list-style-type: square;

  • list-style-type: poly;

  • list-style-type: circle;

  • list-style-type: rect;

Explicación

Pregunta 11 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • ex

  • em

  • in

  • cm

  • pc

  • m

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • %

  • mm

  • pt

  • cl

  • µ

  • ps

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 16 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <input type="submit" />

  • <input type="email" />

  • <input type="url" />

  • <input type="mailto" />

Explicación

Pregunta 17 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • p { text=center; }

  • p { text-align: center; }

  • p { text-align=center; }

  • { p = text-align: center; }

  • p { align: center; }

  • p { text-center; }

Explicación

Pregunta 18 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <form>

  • <div>

  • <p>

  • <img />

  • <span />

  • <br />

Explicación

Pregunta 19 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • loop

  • play

  • autostart

  • start

  • autoplay

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • float: right;

  • float: left;

Explicación

Pregunta 21 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • WebM

  • F4V

  • FLV

  • OGV

  • SWF

  • MP4

  • WMV

  • MOV

Explicación

Pregunta 22 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <input type="meter" />

  • <input type="range" />

  • <input type="slider" />

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • select td {...}

  • select table {...}

  • table select {...}

  • td select {...}

Explicación

Pregunta 24 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <br />

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

  • <input type="text" />

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

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • onclick="Standardtext"

  • value="Standardtext"

  • default-value="Standardtext"

  • default="Standardtext"

  • startvalue="Standardtext"

  • placeholder="Standardtext"

Explicación

Pregunta 26 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • usemap

  • src

  • size

  • title

  • height

  • lowsrc

  • margin

  • width

  • href

  • border

Explicación

Pregunta 27 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • #00ff00

  • #ff0000

  • #ff00ff

  • #0000ff

Explicación

Pregunta 28 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • Graustufen

  • RGB

  • CMYK

  • Indizierte Farben

Explicación

Pregunta 29 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • center

  • top

  • bottom

  • 5px

  • middle

  • left

  • contain

  • 3em

  • cover

  • right

Explicación

Pregunta 30 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • title

  • href

  • alt

  • size

  • border

  • align

  • width

  • usemap

  • height

  • src

Explicación

Pregunta 31 de 40

1

Frage 111
Wie erzeugen Sie in HTML ein mehrzeiliges Textfeld?

Selecciona una o más de las siguientes respuestas posibles:

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

  • <input type="textarea" />

  • <textarea></textarea>

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 33 de 40

1

Frage 113
Welche der folgenden Dateiformate unterstützen Alphatransparenzen?

Selecciona una o más de las siguientes respuestas posibles:

  • PNG-8

  • JPEG

  • TIFF

  • GIF

  • PNG-24

  • PSD

Explicación

Pregunta 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?

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 35 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación

Pregunta 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)?

Selecciona una o más de las siguientes respuestas posibles:

  • transform: scale (0.5);

  • transform: scaleXY(0.5);

  • transform: scaleXY(50);

  • transform: scale(50)

  • transform: scale(0.5);

Explicación

Pregunta 37 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • CMYK

  • RGB

  • Indizierte Farben

  • Mehrkanal

  • Graustufen

Explicación

Pregunta 38 de 40

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • CMYK

  • RGB

  • Duplex

  • Indizierte Farben

  • Graustufen

Explicación

Pregunta 39 de 40

1

Frage 119
Welche der folgenden Dateiformate unterstützen Transparenzen?

Selecciona una o más de las siguientes respuestas posibles:

  • JPEG

  • TIFF

  • GIF

  • PNG-24

  • PNG-8

  • PSD

Explicación

Pregunta 40 de 40

1

Frage 120
Wie definieren Sie in LESS ein Mixin?

Selecciona una o más de las siguientes respuestas posibles:

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

Explicación