CSS3 lernen: Interaktive Quizfragen für Webentwickler

Question 1

Welcher Selektor wählt alle Elemente aus, die die CSS-Klasse "container" aufweisen?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

.content-container

Question 2

Welche CSS-Eigenschaft wird verwendet, um den Hintergrund eines Elements festzulegen?

Accepted Answer

background

Answer

background-color

Answer

background-image

Answer

background-repeat

Question 3

Welcher Pseudoselektor wird zum Anpassen des Aussehens eines Links beim Darüberfahren mit der Maus verwendet?

Accepted Answer

:hover

Answer

:active

Answer

:focus

Answer

:visited

Question 4

Welche Animationseigenschaft legt die Dauer einer Animation fest?

Accepted Answer

animation-duration

Answer

animation-name

Answer

animation-timing-function

Answer

animation-delay

Question 5

Welcher Selektor wählt alle Elemente aus, die sowohl der "container"- als auch der "header"-Klasse angehören?

Accepted Answer

.container.header

Answer

.container header

Answer

#container.header

Answer

#container #header

Question 6

Welche Möglichkeiten bietet CSS3 zur Auswahl und Adressierung von HTML-Elementen? Erläutere die verschiedenen Selektorentypen und ihre Syntax.

Accepted Answer

Element-Selektor (z.B. p), Klassen-Selektor (z.B. .hinweis), ID-Selektor (z.B. #footer)

Accepted Answer

Pseudo-Klassen (z.B. :hover) und Pseudo-Elemente (z.B. ::after)

Accepted Answer

Attribut-Selektoren (z.B. [type=text])

Accepted Answer

Nachkommen-Selektor (z.B. p a), Kind-Selektor (z.B. p > a)

Question 7

Welcher CSS-Selektor wählt alle Elemente mit der Klasse "container" aus?

Accepted Answer

.container

Answer

#container

Answer

*container

Answer

::container

Question 8

Welcher Wert der CSS-Eigenschaft "display" erzeugt ein flexibles Layout, bei dem Elemente nebeneinander angeordnet werden können?

Accepted Answer

flex

Answer

inline

Answer

block

Answer

grid

Question 9

Welche CSS-Animationseigenschaft legt die Dauer einer Animation fest?

Accepted Answer

animation-duration

Answer

animation-delay

Answer

animation-name

Answer

animation-iteration-count

Question 10

Welcher CSS-Pseudo-Klassen-Selektor wird verwendet, wenn ein Element beim Schweben mit der Maus ausgewählt wird?

Accepted Answer

:hover

Answer

:focus

Answer

:active

Answer

:visited

Question 11

Welche CSS-Eigenschaft wird verwendet, um eine Hintergrundfarbe für ein Element festzulegen?

Accepted Answer

background-color

Answer

color

Answer

background-image

Answer

background-position

Question 12

Welcher Wert des CSS-Eigenschaftenwerts "text-align" richtet Text in der Mitte eines Elements aus?

Accepted Answer

center

Answer

left

Answer

right

Answer

justify

Question 13

Welcher CSS-Selektor wählt alle ungeraden Elemente in einer Liste aus?

Accepted Answer

li:nth-child(odd)

Answer

li:nth-child(even)

Answer

li:first

Answer

li:last

Question 14

Welche CSS-Eigenschaft wird verwendet, um die Transparenz eines Elements festzulegen?

Accepted Answer

opacity

Answer

transparency

Answer

visibility

Answer

filter

Question 15

Welcher Selektor wählt alle HTML-Elemente mit der Klasse "beispiel" aus?

Accepted Answer

.beispiel

Answer

#beispiel

Answer

beispiel

Answer

div.beispiel

Question 16

Welche CSS-Eigenschaft legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

bgcolor

Question 17

Welche CSS-Animationseigenschaft steuert die Verzögerung vor dem Start einer Animation?

Accepted Answer

animation-delay

Answer

animation-duration

Answer

animation-name

Answer

animation-timing-function

Question 18

Welcher Selektor wählt das erste Element mit der ID "header" aus?

Accepted Answer

#header

Answer

header

Answer

:first-child

Answer

header:first

Question 19

Welche CSS-Animationseigenschaft legt die Anzahl der Wiederholungen einer Animation fest?

Accepted Answer

animation-iteration-count

Answer

animation-duration

Answer

animation-timing-function

Answer

animation-delay

Question 20

Welcher Selektor wählt alle Elemente aus, die direkte Nachkommen eines Elements mit der Klasse "container" sind?

Accepted Answer

container > *

Answer

.container *

Answer

container > div

Answer

* .container

Question 21

Welche Eigenschaft verwendet man, um den Abstand zwischen dem Textinhalt eines Elements und dessen Innenrand einzustellen?

Accepted Answer

padding

Answer

border

Answer

margin

Answer

outline

Question 22

Welcher CSS-Selektor wählt alle Elemente aus, die die Klasse "container" enthalten?

Accepted Answer

.container

Answer

container

Answer

#container

Answer

.#container

Question 23

Welche CSS-Eigenschaft legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

color

Answer

bgcolor

Answer

background

Question 24

Welche CSS-Transformation dreht ein Element um 90 Grad?

Accepted Answer

rotate(90deg)

Answer

rotateY(90deg)

Answer

transform(90deg)

Answer

rotateX(90deg)

Question 25

Welcher CSS-Selektor wählt alle Nachkommen eines Elements mit der ID "header" aus?

Accepted Answer

#header > *

Answer

#header + *

Answer

header > .*

Answer

.header > *

Question 26

Welche CSS-Eigenschaft legt den Abstand zwischen den Zeilen eines Textes fest?

Accepted Answer

line-height

Answer

text-height

Answer

text-spacing

Answer

line-spacing

Question 27

Welche CSS-Animationseigenschaft legt die Dauer einer Animation fest?

Accepted Answer

animation-duration

Answer

duration

Answer

animation

Question 28

Welcher CSS-Selektor wählt alle Elemente mit einem Attribut namens "data-*" aus?

Accepted Answer

[data-*]

Answer

*[data]

Answer

[data]

Answer

data:*

Question 29

Welche CSS-Eigenschaft legt den Schatten um ein Element fest?

Accepted Answer

box-shadow

Answer

box-shade

Answer

shade

Answer

shadow

Question 30

Welcher Selektor wählt alle HTML-Elemente mit dem Attribut "id="container"" aus?

Accepted Answer

#container

Answer

.container

Answer

#.container

Answer

container

Question 31

Welche CSS3-Eigenschaft wird verwendet, um abgerundete Ecken an einem Element zu erstellen?

Accepted Answer

border-radius

Answer

border

Answer

corner-radius

Question 32

Welche CSS3-Animationseigenschaft wird verwendet, um ein Element um einen bestimmten Grad zu drehen?

Accepted Answer

transform: rotate()

Answer

rotate()

Answer

animation: rotate()

Question 33

Welche CSS3-Eigenschaft wird verwendet, um einen Schatten um ein Element zu erstellen?

Accepted Answer

box-shadow

Answer

drop-shadow

Answer

border-shadow

Answer

shadow

Question 34

Welcher Layout-Typ verwendet ein Raster, um Elemente auf einer Webseite zu positionieren?

Accepted Answer

Grid

Answer

Flexbox

Answer

Table

Answer

Inline-Block

Question 35

Welche CSS3-Animationseigenschaft wird verwendet, um die Größe eines Elements zu skalieren?

Accepted Answer

transform: scale()

Answer

-webkit-transform: scale()

Answer

animation: scale()

Answer

scale()

Question 36

Welcher CSS3-Selektor wählt alle Listenelement-Einträge einer ungeordneten Liste aus?

Accepted Answer

ul li

Answer

ul.li

Answer

li:ul

Answer

#ul > li

Question 37

Welche CSS3-Eigenschaft wird verwendet, um die Transparenz eines Elements zu steuern?

Accepted Answer

opacity

Answer

transparent

Answer

fade

Answer

visibility

Question 38

Welcher Selektor wählt alle Elemente aus, die die Klasse "container" besitzen?

Accepted Answer

.container

Answer

[container]

Answer

.container[]

Answer

#container

Question 39

Welche CSS3-Eigenschaft legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

background

Answer

fill

Answer

color

Question 40

Welches CSS3-Layoutmodell ermöglicht es, Elemente flexibel nebeneinander anzuordnen?

Accepted Answer

Flexbox

Answer

Inline-Block

Answer

Float

Answer

Grid

Question 41

Welche Eigenschaft definiert die Dauer einer Animation in CSS3?

Accepted Answer

animation-duration

Answer

animation-name

Answer

animation-timing-function

Question 42

Welcher Pseudoselektor wird verwendet, um einen Zustand anzugeben, in dem ein Element vom Mauszeiger überfahren wird?

Accepted Answer

:hover

Answer

:focus

Answer

:active

Answer

:visited

Question 43

Welches Attribut wird verwendet, um eine alternative Beschreibung für ein Bild in HTML bereitzustellen?

Accepted Answer

alt

Answer

caption

Answer

description

Answer

title

Question 44

Welche Eigenschaft wird verwendet, um einen Farbverlauf in CSS3 zu erstellen?

Accepted Answer

linear-gradient

Answer

color-gradient

Answer

gradient

Question 45

Welcher kombinierte Selektor wählt alle

-Elemente aus, die direkte Nachkommen von

-Elementen sind?

Accepted Answer

ul > div

Answer

div ul

Answer

div ~ ul

Answer

ul + div

Question 46

Welches Attribut ermöglicht die Steuerung der responsiven Skalierung von Bildern in HTML?

Accepted Answer

srcset

Answer

responsive

Answer

sizes

Answer

media

Question 47

Welcher **CSS-Selektor** wählt alle Elemente mit dem Klassennamen "intro" aus?

Accepted Answer

.intro

Answer

:intro

Answer

&intro

Answer

#intro

Question 48

Welche **CSS-Eigenschaft** legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

bg-color

Answer

color

Answer

background

Question 49

Welche **CSS3-Animationseigenschaft** legt die Dauer einer Animation fest?

Accepted Answer

animation-duration

Answer

animation-timing-function

Answer

animation-name

Answer

animation-delay

Question 50

Welcher **CSS-Selektor** wählt alle Elemente aus, die **unmittelbare Kinder** eines Elements mit der Klasse "container" sind?

Accepted Answer

.container > *

Answer

.container * >

Answer

container > .*

Answer

.container > #*

Question 51

Welche **CSS-Eigenschaft** wird verwendet, um den Abstand zwischen den Zeilen eines Textes festzulegen?

Accepted Answer

line-height

Answer

row-spacing

Answer

text-spacing

Answer

letter-spacing

Question 52

Welches **CSS3-Layout-Modell** ermöglicht es, Elemente in einer Spalten- und Zeilenstruktur anzuordnen?

Accepted Answer

Grid

Answer

Table

Answer

Flexbox

Answer

Inline

Question 53

Welche **CSS3-Animationseigenschaft** legt die Art der Animation fest?

Accepted Answer

animation-name

Answer

animation-delay

Answer

animation-timing-function

Answer

animation-duration

Question 54

Welcher **CSS-Selektor** wählt alle Elemente aus, die das Attribut "data-role" mit dem Wert "button" haben?

Accepted Answer

[data-role="button"]

Answer

#data-role-button

Answer

.data-role-button

Answer

data-role .button

Question 55

Welche **CSS-Eigenschaft** wird verwendet, um die Deckkraft eines Elements festzulegen?

Accepted Answer

opacity

Answer

transparency

Answer

alpha

Answer

visibility