HTML CSS JavaScript JQuery Less
Trainingsfragen für den Berufsalltag
Trainingsfragen für den Berufsalltag
CSS Mit welchem Zeichen wählt man bei CSS-Selektoren den direkten Nachfahren aus?
>
CSS Mit welchem Zeichen reiht man mehrere CSS-Selektoren aneinander?
,
CSS Wie heisst der genaue Befehl, um die externe CSS-Datei responsive.css in eine Seite zu laden (Attribute alphabetisch geordnet und inkl. optionalem Typ)?
CSS Welche Attribute des untenstehenden Befehls, um eine externe CSS-Datei einzubinden, sind ab HTML5 noch obligatorisch?
<link type="text/css" href="styles.css" rel="stylesheet" media="all" />
CSS Wie wird das folgende HTML-Tag direkt mit CSS-Attributen ergänzt, so dass es 100 Pixel breit ist und eine rote Hintergrundfarbe aufweist?
<div ...>Mein Button</div>
width="100" style="background-color: red"
CSS Wie unterdrückt man die Unterstreichung bei allen Links?
a {
?
}
text-decoration: none;
Responsive Wie definiert man im Header mit Viewport, dass die Anzeige auf möglichst vielen Geräten optimal an die aktuelle Displaygrösse angepasst wird?
JQuery Mit welchem Befehl wird JQuery-Code normalerweise (an Stelle der drei Pünktchen) umgeben, damit er erst ausgeführt wird, wenn die Seite vollständig geladen ist?
<script type="text/javascript">
...
/* JQuery Code*/
});
</script>
$(document).ready(function(){
CSS [id^="wk"]
Der vorangehende Selektor erfasst alle HTML-Tags,
CSS Welche Textfarbe hat das div-Tag
<div id="einszweidrei">Text</div>
wenn die folgenden Styles definiert sind:
[id~="zwei"] { color: #FF0000; }
[id*="zwei"] { color: #00FF00; }
[id^="zwei"] { color: #0000FF; }
[id$="zwei"] { color: #FFFFFF; }
CSS Was bedeutet |= bei einem Attribut-Wert-Selektor, z.B. [title|=444]?
JQuery Wie sieht der JQuery-Selektor aus, der jeweils den ersten Paragraphen unmittelbar nach einer Überschrift h1 selektiert?
$("h1 + p")
LESS Wie sieht im untenstehenden Statement die Syntax anstelle von ... aus, wenn von 100% 20 Pixel abgezogen werden sollen?
#breadcrumb {
width: calc(...) ;
}
~'100% - 20px'
CSS Mit welchem Selektor lässt sich für den untenstehenden HTML-Code nur der Paragraph auswählen, welcher den Text "eins" enthält?
<p>eins</p>
<p>zwei</p>
<p>drei</p>
JQuery Wie selektiert man alle Tags vom Typ img und a, die ein Attribut title haben?
LESS Welche Aussage(n) ist/sind richtig in Bezug auf den folgenden Less-Code?
.a(){
width: 100px;
}
.b {
.a();
height: 50px;
}
CSS Mit welchen Selektoren selektiert man Attribute, deren Werte mit einer Zeichenfolge beginnen, eine Zeichenfolge enthalten oder mit einer Zeichenfolge enden (Reihenfolge der Aufzählung muss stimmen)?
CSS Was bedeutet ~= bei einem Attribut-Wert-Selektor, z.B. [title~=rot]?
Java Welche Map-Klasse verwendet man, wenn die Map nach der Einfügereihefolge geordnet sein soll?
LinkedHashMap
Java Welche Map verwendet man, wenn die Elemente nach der natürlichen Reihenfolge der Keys sortiert sein soll (z.B. alphabetisch)?
TreeMap
CSS Was ist das Einsatzgebiet von "display: inline-block"?
inline-block ist ein Ersatz für das ältere "float: left" mit dem Vorteil, dass das nächste Element, das vom Floating nicht betroffen ist, kein clear mehr benötigt.
JQuery Mit welchem Befehl reagiert man mit JQuery auf die Auswahl in jedem beliebigen Select-Feld auf der Seite?
CSS Ergänzen Sie den untenstehenden CSS Code so, dass der Text wie im Screenshot ausserhalb und innerhalb des Inputfeldes perfekt an der Text-Unterkante ausgerichtet ist.
HTML:
<div>Das ist Text mit einem <input class="verticalAlign" value="Input" type="text"/> Feld.</div>
CSS:
.verticalAlign {
...
}
CSS Wie heisst die CSS-Regel, um Textumbrüche zu verhindern?
white-space: nowrap;
CSS Wenn ein CSS-File mit dem untenstehenden Befehl eingebunden wird, für welche Medien gilt es dann (Defaultwert des ausgelassenen Attributes media)?
<link type="text/css" href="styles.css" rel="stylesheet" />
HTML Mit welcher Deklaration beginnt man eine Webseite in HTML5?
HTML Welche der folgenden Deklarationen sind korrekt?
- <!doctype html>
- <!DOCTYPE html>
- <!Doctype HTML>
HTML Wie heisst das Attribut, mit dem man ab HTML5 innerhalb eines Formularfeldes einen Hinweis anzeigen kann?
placeholder
Java Welches ist die einfachste Art, durch eine Liste mit der folgenden Deklaration zu loopen (benutze eine Variable namens myString)? Ergänze den Code anstelle des ?.
List<String> myList = new ArrayList<String>();
...
for (?) {
...
}
String myString : myList
CSS Welchen Wert muss man für die Eigenschaft box-sizing eingeben, wenn height- und width-Angaben nicht nur den Content, sondern auch das padding und border einschliessen sollen?
border-box
CSS Mit welchem CSS-Selektor wählt man alle Elemente aus?
*
LESS Mit welchem Code ersetzen Sie die drei Punkte, um eine Hintergrundfarbe zu setzen, die 10% dunkler ist als die in der Variable @colormain definierte Hintergrund-Farbe?
background-color: ...
darken(@colormain, 10%);
LESS Zu welchem Ausdruck wird der fett markierte Ausdruck im folgenden Code compiliert?
#nav {
left: 0;
width: @navwidth;
&.expanded {
width: @navwidth * 2;
}
}
-
- 1 / 33
-
Lernkarten
CSS Mit welchem Zeichen wählt man bei CSS-Selektoren den direkten Nachfahren aus?
>
CSS Mit welchem Zeichen reiht man mehrere CSS-Selektoren aneinander?
,
CSS Wie heisst der genaue Befehl, um die externe CSS-Datei responsive.css in eine Seite zu laden (Attribute alphabetisch geordnet und inkl. optionalem Typ)?
CSS Welche Attribute des untenstehenden Befehls, um eine externe CSS-Datei einzubinden, sind ab HTML5 noch obligatorisch?
<link type="text/css" href="styles.css" rel="stylesheet" media="all" />
CSS Wie wird das folgende HTML-Tag direkt mit CSS-Attributen ergänzt, so dass es 100 Pixel breit ist und eine rote Hintergrundfarbe aufweist?
<div ...>Mein Button</div>
width="100" style="background-color: red"
CSS Wie unterdrückt man die Unterstreichung bei allen Links?
a {
?
}
text-decoration: none;
Responsive Wie definiert man im Header mit Viewport, dass die Anzeige auf möglichst vielen Geräten optimal an die aktuelle Displaygrösse angepasst wird?
JQuery Mit welchem Befehl wird JQuery-Code normalerweise (an Stelle der drei Pünktchen) umgeben, damit er erst ausgeführt wird, wenn die Seite vollständig geladen ist?
<script type="text/javascript">
...
/* JQuery Code*/
});
</script>
$(document).ready(function(){
CSS [id^="wk"]
Der vorangehende Selektor erfasst alle HTML-Tags,
CSS Welche Textfarbe hat das div-Tag
<div id="einszweidrei">Text</div>
wenn die folgenden Styles definiert sind:
[id~="zwei"] { color: #FF0000; }
[id*="zwei"] { color: #00FF00; }
[id^="zwei"] { color: #0000FF; }
[id$="zwei"] { color: #FFFFFF; }
CSS Was bedeutet |= bei einem Attribut-Wert-Selektor, z.B. [title|=444]?
JQuery Wie sieht der JQuery-Selektor aus, der jeweils den ersten Paragraphen unmittelbar nach einer Überschrift h1 selektiert?
$("h1 + p")
LESS Wie sieht im untenstehenden Statement die Syntax anstelle von ... aus, wenn von 100% 20 Pixel abgezogen werden sollen?
#breadcrumb {
width: calc(...) ;
}
~'100% - 20px'
CSS Mit welchem Selektor lässt sich für den untenstehenden HTML-Code nur der Paragraph auswählen, welcher den Text "eins" enthält?
<p>eins</p>
<p>zwei</p>
<p>drei</p>
JQuery Wie selektiert man alle Tags vom Typ img und a, die ein Attribut title haben?
LESS Welche Aussage(n) ist/sind richtig in Bezug auf den folgenden Less-Code?
.a(){
width: 100px;
}
.b {
.a();
height: 50px;
}
CSS Mit welchen Selektoren selektiert man Attribute, deren Werte mit einer Zeichenfolge beginnen, eine Zeichenfolge enthalten oder mit einer Zeichenfolge enden (Reihenfolge der Aufzählung muss stimmen)?
CSS Was bedeutet ~= bei einem Attribut-Wert-Selektor, z.B. [title~=rot]?
Java Welche Map-Klasse verwendet man, wenn die Map nach der Einfügereihefolge geordnet sein soll?
LinkedHashMap
Java Welche Map verwendet man, wenn die Elemente nach der natürlichen Reihenfolge der Keys sortiert sein soll (z.B. alphabetisch)?
TreeMap
CSS Was ist das Einsatzgebiet von "display: inline-block"?
inline-block ist ein Ersatz für das ältere "float: left" mit dem Vorteil, dass das nächste Element, das vom Floating nicht betroffen ist, kein clear mehr benötigt.
JQuery Mit welchem Befehl reagiert man mit JQuery auf die Auswahl in jedem beliebigen Select-Feld auf der Seite?
CSS Ergänzen Sie den untenstehenden CSS Code so, dass der Text wie im Screenshot ausserhalb und innerhalb des Inputfeldes perfekt an der Text-Unterkante ausgerichtet ist.
HTML:
<div>Das ist Text mit einem <input class="verticalAlign" value="Input" type="text"/> Feld.</div>
CSS:
.verticalAlign {
...
}
CSS Wie heisst die CSS-Regel, um Textumbrüche zu verhindern?
white-space: nowrap;
CSS Wenn ein CSS-File mit dem untenstehenden Befehl eingebunden wird, für welche Medien gilt es dann (Defaultwert des ausgelassenen Attributes media)?
<link type="text/css" href="styles.css" rel="stylesheet" />
HTML Mit welcher Deklaration beginnt man eine Webseite in HTML5?
HTML Welche der folgenden Deklarationen sind korrekt?
- <!doctype html>
- <!DOCTYPE html>
- <!Doctype HTML>
HTML Wie heisst das Attribut, mit dem man ab HTML5 innerhalb eines Formularfeldes einen Hinweis anzeigen kann?
placeholder
Java Welches ist die einfachste Art, durch eine Liste mit der folgenden Deklaration zu loopen (benutze eine Variable namens myString)? Ergänze den Code anstelle des ?.
List<String> myList = new ArrayList<String>();
...
for (?) {
...
}
String myString : myList
CSS Welchen Wert muss man für die Eigenschaft box-sizing eingeben, wenn height- und width-Angaben nicht nur den Content, sondern auch das padding und border einschliessen sollen?
border-box
CSS Mit welchem CSS-Selektor wählt man alle Elemente aus?
*
LESS Mit welchem Code ersetzen Sie die drei Punkte, um eine Hintergrundfarbe zu setzen, die 10% dunkler ist als die in der Variable @colormain definierte Hintergrund-Farbe?
background-color: ...
darken(@colormain, 10%);
LESS Zu welchem Ausdruck wird der fett markierte Ausdruck im folgenden Code compiliert?
#nav {
left: 0;
width: @navwidth;
&.expanded {
width: @navwidth * 2;
}
}
