OIWS 1. dio

A vibrant, modern landing page design showcasing coding elements like CSS, HTML tags, and web graphics, with a playful and engaging atmosphere to attract web developers and students.

Web Development CSS Quiz

Test your knowledge of CSS and HTML with our engaging quiz designed for aspiring web developers. This quiz consists of 32 carefully crafted multiple-choice questions covering essential topics in web design and styling.

Key Features:

Multiple-choice format
Level up your web development skills
Instant feedback on your answers

32 Questions8 MinutesCreated by CodingWizard42

Odredite pravilo koje omogućuje da novo pravilo bude najvažnije I da se mora obavezno izvesti I time prebrisati prethodno definirano pravilo:

!override

!important

!active

!urgent

Što predstavlja izraz @media screen and (min-width:800px) and (orientation: landscape)?

Medijski prefix

Medijska transformacija

Medijski upit

Medijski tip

Odredite koje oznake biste koristili ukoliko želite kreirati tablicu sa nekoliko redaka I stupaca?

Table td th tr

Table column row cell

Table td tr

Table header tt tr

Što omogućava promjenu vrijednosti u odnosu na poĝetno I završno stanje?

Transistion

Animation

Transformation

Matrix

Koja vrijednost box-sizing predstavlja CSS2 ponašanje, odnosno odmaci I obrubi se crtaju izvan kutije, odnosno izvan naznaĝene širine I visine?

Content-box

Border-box

Margin-box

Padding-box

Odredite pravilno napisano CSS pravilo:

H1{color=blue;}

{h1=color:blue;}

H1{color:blue;}

{h1:color:blue;}

Kako odrediti I prikazati plavom bojom sve p elemente unutar div elementa?

Div ~ p {color:blue;}

Div + p {color:blue;}

Div p {color:blue;}

Div.p {color:blue;}

Kojim atributom oznake img se definira opis slike I ĝija se vrijednost prikazuje u sluĝaju da je lokacija slike neispravna?

Desc

Alt

Src

Title

Koje css svojstvo se koristi za poništavanje efekta umotavanja kod korištenja svojstva float?

None

Clear

Float

Both

Odredite css pravilo koje ce omoguciti da linkovi ne budu podcrtani

A{text-decoration:none;}

A{decoration:no-underline;}

A{text-underline:none;}

A{underline:none;}

Na koji naĝin se pozivaju Bootstrap stilovi?

U HTML dokumentu se kod elemenata navode željenji BS identifikatori

U HTML dokumentu se kod elementa navode željene BS klase

U CSS dokumentu se kod elemenata navode željeni BS identifikatori

U CSS dokumentu se kod elemenata navode željene BS klase

Što u CSS-u predstavlja input[type=”submit”]?

Definira se stil za sve elemente osim one tipa submit

Definira se stil za button tipa submit

Definira se stil za sve input elemente

Definira se httml button tipa submit

Web stranica bi trebala sadržavati naslov sadržaja na vrhu, nekoliko podnaslova I paragraph teksta. Odredite oznake koje bi ste koristili za definiciju navedenog?

H1 h2 p

Div header paragraph

Heading par title

P t h

Odredite vrijednost koja se ne može koristiti za definiranje css svojstva display?

Flex

Block

Sticky

Inline

Kako definirati listu gdje su stavke oznaĝene sa kvadratićima?

Type:square;

List:square;

List-stlye-type:square;

List-type:square;

Koje oznake možete koristiti za definiranje navigacijskog izbornika na web stranici?

Dl li a

Hl li a

Ul li a

Ol li link

Odaberite poĝetnu koordinatu viewport dokumenta za stvaranje CSS3 transformacija

Donja desna toĝka

Gornja desna toĝka

Donja lijeva toĝka

Gornja lijeva toĝka

Odaberite vrijednost koja se ne može koristiti za definiranje css svojstva position

Absolute

Fixed

Flex

Relative

Uz definiranje osnovnih svojstava animacije svojstvom animation što je još potrebno definirati kako bi animacija u potpunosti *…

@animation

@timing

@keyframes

@media

Što omogućava promjenu vrijednosti svojstva kroz više stanja koji se zasebno definiraju?

Transition

Animation

Matrix

Transformation

Odaberite ispravni naĝin definiranja ponašanja linka kada posjetitelj pređe mišem preko teksta linka

A:active{background-color:yellow}

A:link{background-color:yellow}

A:visited{background-color:yellow}

A:hover{background-color:yellow}

Kod box modela, kako se oznaĝava podruĝje između sadržaja I unutarnjeg ruba obruba-okvira

Edge

Padding

Border

Margin

Ukoliko želite promjeniti tekst koji se nalazi na tabu preglednika potrebno je izmijeniti sadržaj koje html oznake

Thead

Heading

Title

Odredite odgovarajuće svojstvo I vrijednost kojim bi flex elementi bili postavljeni jedni ispod drugih od gore prema dolje

Flex-direction:column;

Order:1;

Flex-wrap:wrap;

Align-items:down;

Koje CSS svojstvo poravnava elemente fleksibilnog spremnika po horizontalnoj osi

Alignment-flex

Horizontal-align

Justify-content

Align-items

Za koju verziju HTML-a je definirana najkraća I najjednostavnija deklaracija tipa dokumenta

HTML6

HTML4

HTML3

HTML5

Kod oznake select kojom oznakom je moguće grupirati opcije, a ĝiji naziv korisnik ne može odabrati

Categoryname

Optgroup

Group

OIWS 1. dio

Web Development CSS Quiz

More Quizzes