Ce înseamnă CSS?

*
Complete Styling Syntax
Cascading Style Sheets

Cascading Simple Script

Comprehensive Style Syntax

Ce proprietate este utilizată pentru a schimba culoarea textului? *

1/1
colorText
textColor
color

fontColor

Cum adăugăm un comentariu în CSS?*

1/1
// comment //
/* comment */

- comment --
<!-- comment -->

Care din următoarele nu este o valoare validă pentru proprietatea

'display'?*
1/1
block
inline
flex
center

Care din următoarele proprietăți flexbox poate fi utilizată pentru a

alinia elementele vertical într-un container flexbox?*
1/1
align-items
align-horizontal
vertical-align
align-vertical

Care media query ar fi aplicat doar pentru ecranele mai mici de 600px?
*
1/1
@media screen and (min-width: 600px)
@media screen and (max-width: 600px)

@screen and (width: <600px)

@media screen and (width: 600px)

Care unitate de CSS este utilizată în design-urile responsive din cauz ă

că este relativă față de viewport?*
1/1
px
em
vw

cm

Ce face proprietatea 'transition'?*

0/1
Repetă o animație la infinit
Schimbă valoarea unei proprietă ți într-un mod mai lin într-un interval de timp
Face ca o animație să ruleze în secvență inversă față de cea inițial declarată
Permite ca o animație să ruleze mai rapid sau mai încet

Ră spuns corect
Schimbă valoarea unei proprietă ți într-un mod mai lin într-un interval de timp

Cum aplicăm un filtru de blur unei imagini?*

1/1
blur: filter();
apply: blur();
image: blur();
filter: blur();
Ce proprietate de CSS ar fi utilizată pentru a ascunde conținutul pe
calculatorul dar a-l arăta pe mobil?*
0/1
display:none;
@media hide;
@media display;

visibility:hidden;

Ră spuns corect
display:none;

Ce pesudoclasă o să stileze element atunci când este apăsat? *

1/1
:click
:focus
:active

:pressed

Ce proprietate adaugă o umbră textului?*

1/1
box-shadow
text-box-shadow
shadow
text-shadow

Ce pseudoelement am utiliza pentru a adăuga un element decorativ

înainte de conținutul unui tag?*
1/1
::before

::after
::prepend
::append
Ce controlează proprietatea 'z-index' ?*
1/1
Alinierea orizontală
Marginile
Ordinea afișă rii elementelor peste altele

Lă țimea borderului unui element din pagină

Într-un container flexbox, ce proprietate aliniază elementele pe

orizontală?*
1/1
align-items
align-content
align-self
justify-content

Ce proprietate în CSS controlează spațiul dintre border-ul unui element

și conținutul aflat în interiorul acestuia?*
1/1
margin
padding

border-space
inner-space

Cum specificăm un backup font (de rezervă) în caz că cel principal nu

funcționează?*
1/1
font-family: "CustomFont", "Arial";

font-backup: "Arial";
font-fallback: "Arial";
font-choice: "Arial";

Dacă un element are setată poziția ca absolută, păi atunci această

poziție este setată față de:*
0/1
Viewport
Pă rintele imediat al elementului

Cel mai apropiat stră moș cu poziția setată

Întreg documentul

Ră spuns corect
Cel mai apropiat stră moș cu poziția setată

Ce valoare pentru proprietatea 'position' din cele de mai jos nu este

corectă?*
1/1
static
center

sticky
relative

Ce face regula @media în CSS?*

1/1
Importă stiluri din surse externe
Definește animații
Setează stiluri pentru ecrane diferite

Încorporează mixin-uri și alte structuri din preprocesoare

Ce pseudoclasă va fi activată pentru un element pe care dăm cu

mouse-ul?*
0/1
:hover
:active

:target
:focus

Ră spuns corect
:hover
Proprietatea 'transform' ne permite:*
1/1
Să aplică m efecte vizuale precum modificarea luminozită ții
Modificarea poziției 3D al unui element.
Rotirea, scalarea, mișcarea unui element

Aplicarea umbrelor pentru elemente

Care din următoarele proprietăți e utilizată pentru modificarea

transparenței unei variabile?*
1/1
alpha
filter
transparency
opacity

Cum facem ca tipografia unui site să fie mai ușor de citit, atunci când
liniile textului sunt prea apropiate între dânsele?*
1/1
line-break: auto;
font-size: larger;
line-height: 1.5;

font-style: clear;

Cum aplicăm stiluri unui element doar atunci când este și focusat, și
dăm cu mouse-ul peste dânsul?*
0/1
element:focus:hover
element:focus, element:hover

element:hover+focus
element:focus & hover

Ră spuns corect
element:focus:hover
Care regulă CSS ne permite să creăm animații?*
1/1
@animation
@keyframes

transform: animate();
change-state

Ce face regula '!important' în CSS?*

0/1
Accentuează importanța unui comentariu

Forțează ca o animație să fie începută

Este utilizată pentru a crea și seta breakpoints-uri responsive
Face ca stilul dat să fie aplicat deasupra celorlalte

Ră spuns corect
Face ca stilul dat să fie aplicat deasupra celorlalte

Dacă 2 selectori sunt identici, care din dânșii va fi cel luat în

considerarea*
1/1
Ultimul declarat în fișierul CSS

Primul declarat în fișierul CSS

Ambele egal
Nic unul din dânsele

Care este valoarea default a poziției unui element în pagină? *

1/1
absolute
static

fixed
relative

Care proprietate se ocupă de spațiul din afara border-ului unui

element? (distanța dintre element și vecinii acestuia)*
1/1
padding
space
margin

border-space

Care din următoarele proprietăți ar face conținutul textual al unui

element de tip italic (înclinat) ?*
1/1
font-variant: italic;
font: italic;
font-style: italic;

text-transform: italic;

Care din următoarele metode este utilizată pentru layoutul unei pagini
moderne?*
1/1
Flexbox

Poziționare absolută
Margini și padding
Stiluri inline

Cu ajutorul cărei proprietăți definim cât de rotund este border-ul unui

element?*
1/1
border-circle
border-radius

border-round
border-edge

Care proprietate este utilizată pentru a controla alinierea orizontal ă a

unui text?*
1/1
text-align

text-horizontal
text-h-align
text-direction

Ce proprietate specifică tipul de cursor care va fi afișat atunci când

dăm cu mouse-ul peste un element?*
···/1
cursor-style
hover-cursor
cursor-type
cursor

Nu există ră spunsuri corecte

Dacă dorim ca un element să ocupe tot spațiul disponibil atât de

orizontală cât și pe verticală, ce valori trebuie să dăm
proprietăților 'width' și 'height'?*
1/1
max-content
100%

full-size
stretch

Cum facem ca culoarea de fundal a unui element să tranziteze lin, timp

de 3 secunde, atunci când dăm cu mouse-ul peste acesta?*
1/1
hover-duration: 3s
transition: background-color 3s;

animation: background-color 3s;

background-fade: 3s;

În limbajul de lucru cu CSS-ul, ce înseamnă strategia "Mobile First"? *

1/1
Crearea unui site mai întâi pentru cel mai vechi device mobil disponibil
Lansarea versiunii mobile a site-ului înainte celei pentru calculator
Crearea paginii pentru pagini mobile mai întâi, apoi adaptarea ei pentru ecrane mari

Asigurarea faptului că persoanele de pe dispozitive mobile vor avea acces la conținut înaintea celor de pe
ecrane mari

Poroprietatea 'background' poate accepta valori pentru culori,

imagine, poziție și repetarea imaginii*
1/1
Adevă rat

Fals

Proprietatea 'overflow: hidden' previne ca orice element care iese din

granițele elementului părinte să fie vizibil*
1/1
Adevă rat

Fals

Proprietatea 'display:none' face ca un element să fie invizibil, dar încă

să ocupe spațiu pe pagină*
1/1
Adevă rat
Fals

Proprietățile de CSS pot fi schimbate cu ajutorul JavaScript-ului *

1/1
Adevă rat

Fals

Cum selectăm un element cu clasa 'highlight' în CSS?*

1/1
.highlight

#highlight
highlight
&highlight

Cu ajutorul cărei proprietăți putem face textul îngroșat (bold)? *

1/1
font-style: bold;
font-weight: bold;

text-style: bold;
text-weight: bold;

Proprietatea 'flex-wrap' specifică dacă elementul flex se va duce din

rând nou*
1/1
Adevă rat

Fals

Care din următoarele moduri este corect pentru a seta imaginea de

fundal a unui element în CSS?*
1/1
background-src: url('image.jpg');
background: src('image.jpg');
background: image('image.jpg');
background-image: url('image.jpg');

Cum putem seta padding-ul din stânga elementului la 10px, iar

padding-ul din dreapta la 20px?*
0/1
padding: 10px 20px;
padding: 20px 10px;

padding-left: 10px; padding-right: 20px;

padding: 20px

Ră spuns corect
padding: 10px 20px;
padding-left: 10px; padding-right: 20px;

Care proprietate de CSS ne permite să schimbăm fontul unui text? *

1/1
text-style
font-family

text-family
font-type

Care din următoarele NU este un selector de CSS?*

1/1
div
#div
<div>

.div

În CSS, care este diferența dintre clase și id-uri?*

1/1
id-urile sunt unice, clasele nu

Clasele sunt unice, id-urile nu

Ambele sunt identice
id-urile sunt mai specifice decât clasele

Proprietățile 'display:none' și 'visibility:hidden' sunt identice*

0/1
Adevă rat

Fals

Ră spuns corect
Fals