CSS reprezintă foi de stil în cascadă. Este un limbaj de programare utilizat pentru descrierea prezentării și stilului unui document scris în HTML sau XML. CSS oferă un set de reguli și proprietăți care definesc modul în care elementele ar trebui să fie afișate pe o pagină web.
Cu CSS, designerii web și dezvoltatorii pot controla diverse aspecte ale aspectului unui site web, inclusiv aspect, culori, fonturi, distanțare și efecte. Prin separarea informațiilor despre stil de conținut, CSS permite un proces de dezvoltare web mai eficient și mai flexibil.
CSS funcționează pe un principiu în cascadă, unde mai multe reguli de stil pot fi aplicate unui element, iar stilul final este determinat de ordinea specificității și de aplicarea diferitelor selectori. Aceasta permite o personalizare ușoară și consecvență pe paginile web.
Selectoarele CSS sunt utilizate pentru a viza anumite elemente HTML sau grupuri de elemente pentru a aplica stilurile dorite. Selectorii se pot baza pe tipuri de elemente, nume de clasă, ID -uri, atribute și multe altele, oferind o mare flexibilitate în stil.
CSS3, cea mai recentă versiune a CSS, a introdus numeroase caracteristici noi, inclusiv opțiuni avansate de dispunere, tranziții, animații, gradienți și multe altele, permițând un design web și mai creativ și interactiv.
Schiță articol
- Partea 1: Creați un test CSS uimitor folosind AI instantaneu în OnlineExamMaker
- Partea 2: 15 Întrebări și răspunsuri CSS Quiz CSS
- Partea a 3 -a: Încercați un generator de întrebări AI OnlineExamMaker pentru a crea întrebări de testare
Partea 1: Creați un test CSS uimitor folosind AI instantaneu în OnlineExamMaker
Cea mai rapidă modalitate de a evalua abilitățile CSS ale candidaților este utilizarea unei platforme de evaluare AI precum OnlineExamMaker. Cu OnlineExamMaker AI Generator de întrebări, puteți introduce conținut-cum ar fi text, documente sau subiecte-și apoi să generați automat întrebări în diferite formate (de exemplu, alegere multiplă, adevărată/falsă, răspuns scurt). Gradul său de examen AI poate clasifica automat examenul și poate genera rapoarte perspicace după ce candidatul dvs. depune evaluarea.
Prezentare generală a caracteristicilor sale cheie legate de evaluare:
● Creați până la 10 tipuri de întrebări, incluzând întrebări cu alegere multiplă, adevărată/falsă, completare, potrivire, potrivire, răspuns scurt și eseuri.
● generează automat rapoarte detaliate – scoruri individuale, raport de întrebări și performanță de grup.
● Scor instantaneu întrebări obiective și răspunsuri subiective folosesc scorul bazat pe rubrică pentru consecvență.
● API -ul și SSO ajută antrenorii să integreze OnlineExamMaker cu Google Classroom, Echipe Microsoft, CRM și multe altele.
Generați automat întrebări folosind AI
Partea 2: 15 Întrebări și răspunsuri CSS Quiz CSS
or
1. Întrebare: Ce înseamnă abrevierea CSS?
A) Cascading Style Sheets
B) Computer Style Sheets
C) Creative Style System
D) Cascading Script Sheets
Răspuns corect: A
Explicație: CSS reprezintă Cascading Style Sheets, un limbaj folosit pentru a descrie aspectul vizual al documentelor HTML.
2. Întrebare: Cum se leagă un fișier CSS la un document HTML?
A) Folosind tag-ul {css}
B) Folosind tag-ul {link rel=”stylesheet” href=”stil.css”}
C) Folosind tag-ul {style src=”stil.css”}
D) Folosind tag-ul {script src=”stil.css”}
Răspuns corect: B
Explicație: Tag-ul {link rel=”stylesheet” href=”stil.css”} este utilizat în secțiunea {head} a documentului HTML pentru a importa un fișier CSS extern.
3. Întrebare: Care este selectorul corect pentru a aplica stiluri unui element cu ID-ul “header”?
A) .header {}
B) #header {}
C) header {}
D) *header {}
Răspuns corect: B
Explicație: Selectorul #header este folosit pentru elemente cu atributul id=”header”, având prioritate mai mare datorită specificității.
4. Întrebare: Ce reprezintă modelul box în CSS?
A) O metodă de aliniere a textului
B) Un cadru care include margin, border, padding și content
C) O proprietate pentru culori
D) Un sistem de grid pentru layout
Răspuns corect: B
Explicație: Modelul box în CSS definește fiecare element ca un dreptunghi cu proprietăți precum margin (margine), border (bordură), padding (spațiu interior) și content (conținut).
5. Întrebare: Care este unitatea de măsură corectă pentru a seta o dimensiune relativă la fontul părintelui?
A) px
B) em
C) %
D) vw
Răspuns corect: B
Explicație: Unitatea em este relativă la dimensiunea fontului elementului părinte, permițând scalabilitate mai bună în design.
6. Întrebare: Cum se definește o culoare în CSS folosind notația hexazecimală?
A) color: red;
B) color: #FF0000;
C) color: rgb(255,0,0);
D) Ambele B și C
Răspuns corect: B
Explicație: Notația hexazecimală, cum ar fi #FF0000, reprezintă roșu în CSS, fiind o metodă compactă pentru a specifica culori.
7. Întrebare: Care proprietate CSS este folosită pentru a activa flexbox pe un container?
A) display: flex;
B) display: grid;
C) flex: 1;
D) align: center;
Răspuns corect: A
Explicație: Proprietatea display: flex; transformă elementul într-un container flexbox, permițând alinierea și distribuirea copiilor.
8. Întrebare: Care este valoarea corectă pentru proprietatea position care plasează un element relativ la document?
A) static
B) relative
C) absolute
D) fixed
Răspuns corect: C
Explicație: Valoarea absolute plasează elementul relativ la primul părinte poziționat, nu la documentul întreg.
9. Întrebare: Ce este un media query în CSS?
A) O regulă pentru animarea elementelor
B) O condiție pentru aplicarea stilurilor bazate pe device sau ecran
C) O proprietate pentru fonturi
D) Un selector pentru clase
Răspuns corect: B
Explicație: Media queries permit aplicarea stilurilor condiționate, de exemplu, pentru ecrane mobile sau desktop, îmbunătățind responsivitatea.
10. Întrebare: Care proprietate CSS este folosită pentru a adăuga o tranziție la o proprietate?
A) transition: all 0.5s;
B) animation: fade 0.5s;
C) transform: scale(1);
D) effect: transition;
Răspuns corect: A
Explicație: Proprietatea transition permite tranziții netede pentru proprietăți precum culoarea sau dimensiunea, specificând durata.
11. Întrebare: Ce reprezintă un pseudo-clasă în CSS?
A) O clasă standard pentru elemente
B) O stare suplimentară a unui element, cum ar fi :hover
C) Un selector pentru ID-uri
D) O proprietate pentru culori
Răspuns corect: B
Explicație: Pseudo-clasele, cum ar fi :hover, definesc stări speciale ale elementelor, permițând stiluri dinamice.
12. Întrebare: Care este regula de specificitate în CSS pentru un selector cu ID?
A) Are prioritate mai mică decât clasele
B) Are prioritate mai mare decât elementele, dar mai mică decât !important
C) Este egală cu selectorii de clasă
D) Nu afectează regulile
Răspuns corect: B
Explicație: Selectorii cu ID au o specificitate mai mare decât selectorii de clasă sau element, deci suprascrie regulile lor.
13. Întrebare: Proprietățile CSS sunt moștenite de la părinte la copil?
A) Da, toate proprietățile
B) Nu, doar câteva, cum ar fi font-family
C) Depinde de browser
D) Niciodată
Răspuns corect: B
Explicație: Unele proprietăți, cum ar fi font-family sau color, sunt moștenite, în timp ce altele, cum ar fi width, nu sunt.
14. Întrebare: Ce sunt prefixele vendor în CSS?
A) Prefixe pentru culori
B) Prefixe pentru a asigura compatibilitatea cu browserele, cum ar fi -webkit-
C) Prefixe pentru ID-uri
D) Prefixe pentru animatii
Răspuns corect: B
Explicație: Prefixele vendor, cum ar fi -webkit- pentru Chrome, asigură că proprietățile experimentale funcționează în diferite browsere.
15. Întrebare: Cum se realizează un design responsiv în CSS?
A) Folosind doar pixeli
B) Utilizând media queries și unități relative
C) Aplicând doar flexbox
D) Ignorând dimensiunile ecranului
Răspuns corect: B
Explicație: Designul responsiv implică media queries pentru a adapta stilurile la diferite dimensiuni de ecran și unități relative precum % sau vw.
or
Partea a 3 -a: Încercați un generator de întrebări AI OnlineExamMaker pentru a crea întrebări de testare
Generați automat întrebări folosind AI