Font size
WorksheetsCSS: Evaluare finală
Total questions: 70
Worksheet time: 50mins
Cum se descifrează CSS?
Cascading Sheets of Salesforce
Cascading Style Sheets
Calling Support Sisters
Cum sunt numite grupurile de proprietăţi care definesc modul de afişare al elementelor HTML într-o pagină web?
foi cu standarde de redactare
foi de caiet
foi de stil în cascadă
Din ce este formată o declarație CSS?
proprietate și valoare, separate prin două puncte
proprietate încadrată între acolade
o valoare după care urmează două puncte
Unde se definesc foile de stil interne?
în elementul STYLE, din HEAD
în elementul BODY
într-un fișier cu extensia .css
Unde se definesc foile de stil externe?
în elementul STYLE din HEAD
în atributul ”style” din elementul BODY
într-un fișier cu extensia .css, extern documentului HTML
Setul de declarații, corespunzătoare unui selector CSS, trebuie încadrate între (a)
Completează linia de cod din documentul web, care va realiza corect legătura cu fișierul de stiluri extern, ”myStyles.css”, păstrat în folderul ”css” din mapa în care este salvat și fișierul .html:
<link rel="stylesheet" type="text/css" href=" (a) " />
Selectează selectorul corect pentru un element HTML ce are specificat id=”myStyle”.
#myStyle
myStyle
.myStyle
Care este selectorul corect pentru elementele HTML, în care figurează atributul class=”ourStyle”?
ourStyle
.ourStyle
#ourStyle
Care specificare a denumirilor celor 3 clase ale elementului H1 este corectă?
<h1 class="myStyle,round,shadow">Text</h1>
<h1 class="myStyle:round:shadow">Text</h1>
<h1 class="myStyle round shadow">Text</h1>
Care este proprietatea CSS ce poate fi utilizată pentru a scrie îngroșat o parte dintr-un text?
text-align
font-size
font-weight
Cărei proprietăți CSS îi poate fi atribuită valoarea ”italic”?
color
font-size
font-style
Proprietatea CSS, utilizată pentru alinierea textului este (a)
Proprietatea CSS, utilizată pentru schimbarea culorii textului este (a)
Proprietatea CSS, care poate lua valoarea ”uppercase” este (a)
Scrieți cele două declarații CSS, care vor defini ca textul din paragrafele documentului să fie afișat pe mijlocul paginii, iar dimensiunea literelor să fie 1em.
p{
_____: center;
_______: 1em;
}
(a)
Ce proprietate, din următoarele se va moșteni pentru un oarecare element-urmaș: font-size: 2em; și background-image:url("image.jpg");?
font-size: 2em;
background-image:url("image.jpg");
ambele
Care din următoarele valori, este una potrivită pentru proprietatea background-color?
blue
fixed
url("image.jpg")
Care din următoarele valori este una potrivită pentru proprietatea background-image?
url("image.jpg")
no-repeat
red
Care din următoarele valori este una potrivită pentru proprietatea background-repeat?
fixed
no-repeat
url("image.jpg")
Care din următoarele valori este potrivită pentru a specifica culoarea în format RGBA?
rgba(#000, #aaa, #fff, 0.6)
rgba(200, 10, 100, 0.6)
rgb(red, green, blue)
Proprietatea CSS, ce gestionează cu locul poziționării imaginii de fundal, este (a)
Proprietatea (a) se foloseşte pentru a specifica faptul, că imaginea de fundal este fixată sau defilează împreună cu conținutul paginii.
Valoarea (a) a proprietății ”background-size” va acoperi ca o copertă tot elementul.
Completați cu denumirile proprietăților lipsă următorul stil:
body{
__________ : rgb(77, 46, 51, 0.8);
_____ : url("../images/coffee.gif");
______ _________ : no-repeat;
background-position: right bottom;
}
(a)
Care este proprietatea CSS ce este utilizată pentru setarea culorii bordurii unui element HTML?
border-color
border-style
border-width
Ce valoare poate fi pusă în corespondență proprietății ”border-style”?
red
10px
solid
Care declarație CSS va conduce la apariția bordurii în jurul elementului?
border: 5px blue;
border: 5px dashed blue;
border: blue;
Care este proprietatea CSS utilizată pentru definirea câmpurilor interioare ale unui element?
margin
width
padding
Care este proprietatea CSS utilizată pentru setarea câmpurilor exterioare ale unui element HTML?
height
margin
width
Proprietatea CSS utilizată pentru a seta stilul bordurii unui element HTML, este (a)
Proprietatea CSS utilizată pentru setarea lățimii unui element HTML este (a)
Proprietatea CSS utilizată pentru setarea înălțimii unui element HTML este (a)
Completați stilul de mai jos cu denumirile corecte ale proprietăților CSS, astfel încât textul paragrafului să posede câmp interior de 10px și bordură roșie, cu linie dublă, de grosime 5px.
p{
___________: 10px;
_____ : 5px double red;
}
(a)
Care este pseudo-clasa ce poate fi utilizată pentru a stiliza starea unei referințe în momentul când trece cursorul deasupra ei?
:hover
:focus
:active
Care este pseudo-clasa ce permite selectarea elementelor-urmași conform numărului lor de ordine?
:last-child
:first-child
:nth-child
Care este pseudo-elementul care se utilizează pentru a defini stilul primului caracter dintr-un text?
::before
::first-letter
::first-line
Care este pseudo-elementul, ce evidențiază o porțiune a elementului HTML, ce este marcată de utilizator?
::before
::after
::selection
Care este elementul HTML ce poate adăuga stiluri grafice unei anumite porţiuni de text in-line?
img
span
table
Pseudo-elementul (a) se utilizează pentru a defini stilul primei linii dintr-un text.
Proprietatea CSS (a) este utilizată, de obicei, împreună cu pseudo-elementele ::before și ::after pentru a insera un anumit conținut specificat.
Elementul (a) creează secţiuni de blocuri în pagină, forma şi grafica cărora pot fi controlate separat, prin stiluri.
Adaugă denumirea corectă a pseudo-clasei, astfel încât, atunci când utilizatorul va trece cu cursorul deasupra referințelor acestora să li se aplice stilul definit mai jos.
a: (a) {
color:white;
background-color:black;
}
Ce proprietate din CSS poate fi utilizată pentru a seta opacitatea unei imagini?
opacity
transform
gradient
Ce valoare poate fi setată proprietății ”opacity”?
-2.7
0.7
1.4
Care este metoda proprietății ”transform”, ce deplasează elementul pe orizontală și verticală?
rotate()
scale()
translate()
Care este metoda proprietății ”transform”, ce permite rotirea elementului cu valoarea în grade, specificată?
rotate()
scale()
skew()
Care este proprietatea CSS, ce setează aplicarea unui filtru, pentru un element HTML specificat?
opacity
filter
transform
Proprietatea (a) poate fi utilizată pentru setarea umbrelor elementelor de tip boxă.
Proprietatea (a) poate fi utilizată pentru a seta rotunjirea colțurilor unui element de formă dreptunghiulară.
Pentru a crea un gradient liniar, trebuie să fie definite cel puțin (a) culori.
Adaugă denumirea metodei, ce aparține proprietății ”transform”, care va mări blocul definit cu DIV, cu 50%:
div {
transform: (a) (1.5,1.5);
}
Setul de declarații, corespunzătoare unui selector CSS, trebuie încadrate între (a)
Care este proprietatea CSS, ce permite implementarea unui stil mai lent, în decursul a câteva secunde?
gradient
transition
transform
Care este unitatea de măsură a duratei tranziției unui stil?
ore
secunde
minute
Care este cuvântul rezervat ce poate fi utilizat pentru a specifica efectul de tranziție pentru toate proprietățile unui selector?
everything
all
tot
Animația în CSS este formată din două sau mai multe…
paragrafe
cadre
tabele
Care este proprietatea CSS în care sunt definite cadrele animației?
transition
@keyframes
animation-delay
Proprietatea CSS ce specifică durata animației este (a)
Cuvântul-cheie, ce semnifică 0% din animație sau primul slide, ce corespunde începutului animației este (a)
Proprietatea CSS, ce specifică de câte ori trebuie să se repete animația este: animation-iteration - (a)
Completați stilul de mai jos cu denumirea corectă a proprietății, astfel încât, atunci când utilizatorul va plasa cursorul deasupra elementului cu clasa ”.block”, valorile specificate în proprietatea ”background” să se aplice în decurs de 2 secunde:
.block:hover{
-webkit-_____: background 2s;
_________: background 2s;
}
(a)
Pentru ce este utilizat elementul IFRAME într-un document web?
pentru a adăuga imagini
pentru a defini referințe la alte pagini web
pentru a defini cadre inline
Care este atributul necesar elementului IFRAME pentru a prezenta corect o altă pagină web în cadru?
href
type
src
Care este elementul HTML, ce este folosit pentru a specifica mai multe resurse media pentru un element media, precum VIDEO sau AUDIO?
media
source
type
Care atribut al elementului AUDIO și VIDEO specifică faptul că secvența audio sau video va începe din nou, de fiecare dată când se termină?
autoplay
src
loop
Ce format de sunet nu suportă elementul AUDIO, pentru majoritatea browserelor?
ogg
mp3
flac
Elementul (a) este utilizat pentru a implementa secvențe audio într-un document web.
Atributul (a) specifică dacă vor fi afişate butoanele de control, specifice playerului audio sau video.
Elementul (a) este utilizat pentru a implementa secvențe video într-un document web.
