Meni

Top 30+ priljubljenih vprašanj in odgovorov na CSS Intervju

  • Glavni
  • Drugo
  • Top 30+ priljubljenih vprašanj in odgovorov na CSS Intervju

top 30 popular css interview questions

Preizkusite Naš Instrument Za Odpravo Težav

Seznam najbolj priljubljenih vprašanj za CSS intervju z odgovori:

The CSS vprašanja, ki zajemajo skoraj vse osnovne in napredne kategorije CSS, so razložena s primeri.

CSS je ena najpomembnejših lastnosti spletnega razvoja. Je jezik, s katerim lahko opišemo videz spletnih strani.

Zato je nujno zajeti vse osnovne in napredne dele CSS. Če želite postati dober spletni razvijalec in uspešno razbiti intervju za spletne razvijalce, se morate naučiti CSS.

Vprašanja za CSS intervju (1)

Pogosto zastavljena vprašanja o intervjuju CSS

Spodaj je seznam najpogostejših vprašanj in odgovorov na CSS, ki so preprosti za lažje razumevanje.

Začnimo!!

V # 1) Kaj je CSS?

Odgovor: CSS opisuje slog spletne strani HTML. To je jezik, v katerem lahko nastavimo obnašanje spletne strani HTML. Opisuje, kako bo vsebina HTML prikazana na zaslonu.

CSS nadzoruje postavitev več spletnih strani HTML. CSS se imenuje Cascading Style Sheet.

V # 2) Poimenujte vse module, ki se uporabljajo v trenutni različici CSS.

Odgovor: V CSS je več modulov, kot je navedeno spodaj:

  • Selektorji
  • Model škatle
  • Ozadja in meje
  • Učinki besedila
  • 2D / 3D transformacije
  • Animacije
  • Postavitev več stolpcev
  • Uporabniški vmesnik.

V # 3) Ločite med CSS2 in CSS3.

Odgovor: Razlike med CSS2 in CSS3 so naslednje:

  • CSS3 je razdeljen na dva različna odseka, ki se imenujeta modul. Medtem ko v CSS2 vse pristopi v en sam dokument z vsemi informacijami v njem.
  • Moduli CSS3 so podprti skoraj v vseh brskalnikih, na drugi strani pa moduli CSS in CSS2 niso podprti v vseh brskalnikih.
  • V CSS3 bomo ugotovili, da so bile uvedene številne značilnosti, povezane z grafiko, na primer Border-radius ali box-shadow, flexbox.
  • V CSS3 lahko uporabnik natančno določi več slik v ozadju na spletni strani z uporabo lastnosti, kot so slogi ozadja, položaja ozadja in ponavljanja ozadja.

V # 4) Navedite različne vrste CSS.

Odgovor: Spodaj so omenjene tri vrste CSS:

  • Zunanji: Ti so zapisani v ločenih datotekah.
  • Notranji: Ti so navedeni na vrhu kode spletnega mesta.
  • V vrsti: Ti so napisani tik ob besedilu.

V # 5) Zakaj je zunanji slogovni list uporaben?

Odgovor: Zunanji slog je zelo uporaben, saj vse kode za oblikovanje zapišemo v eno datoteko in ga lahko uporabimo kjer koli, tako da se samo sklicujemo na povezavo do te datoteke z zunanjim slogom.

Torej, če v tej zunanji datoteki naredimo kakršne koli spremembe, jih lahko opazimo tudi na spletni strani. Tako lahko rečemo, da je zelo uporaben in vam olajša delo pri delu z večjimi datotekami.

V # 6) Kakšna je uporaba vdelanega sloga ?

Odgovor: Vdelani slogovni list nam daje privilegij, da sloge definiramo na enem mestu v dokumentu HTML.

Z uporabo vdelanega slogovnega lista lahko ustvarimo več razredov za uporabo na več vrstah oznak spletne strani, prav tako pa za uvoz informacij ni potreben dodaten prenos.

Primer:

p { font-family: georgia, serif; font-size: x-large; color:#ff9900; } a:hover { color: LimeGreen; text-decoration: none; }

Embedded style sheet gives us the privilege to define styles at one place in a HTML document. We can generate multiple classes using embedded style sheet to use on multiple tag types a web page and also there is no extra downloading required importing the information.

vdelano

V # 7) Kako uporabiti izbirnik CSS?

Odgovor: Z uporabo izbirnika CSS lahko izberemo vsebino, ki jo želimo oblikovati, tako da lahko rečemo, da je most med slogi in datotekami HTML.

Sintaksa za izbirnik CSS je 'select' elementi HTML, ustvarjeni na njihovem id, razredu, tipu itd.

V # 8) Pojasnite pojem Tweening.

Odgovor: Tweening je postopek, v katerem med dvema slikama ustvarimo vmesne okvirje, da dobimo videz prve slike, ki se razvije v drugo sliko.

Uporablja se predvsem za ustvarjanje animacije.

V # 9) Določite skripte slike CSS.

Odgovor: Slikovni skripti CSS so skupina slik, ki so postavljene v eno sliko. Zmanjša čas nalaganja in številko zahteve strežniku, medtem ko projicira več slik na eno spletno stran.

V # 10) Pojasnite izraz Odzivno spletno oblikovanje.

Odgovor: To je metoda, pri kateri spletno stran oblikujemo in razvijamo v skladu z dejavnostmi in pogoji uporabnika, ki temeljijo na različnih komponentah, kot so velikost zaslona, ​​prenosljivost spletne strani na različnih napravah itd. različne prilagodljive postavitve in mreže.

V # 11) Kaj so števci CSS?

Odgovor: Števci CSS so spremenljivke, ki jih je mogoče povečati s pravili CSS, ki inšpektorju sledi, kolikokrat je bila spremenljivka uporabljena.

V # 12) Kaj je specifičnost CSS?

Odgovor: Specifičnost CSS je ocena ali rang, ki odloča, katero deklaracijo sloga je treba uporabiti za element. (*) ta univerzalni izbirnik ima majhno specifičnost, medtem ko imajo izbirniki ID visoko specifičnost.

V CSS obstajajo štiri kategorije, ki dovoljujejo stopnjo specifičnosti izbirnika.

  • Vrstni slog
  • ID-ji
  • Razredi, atributi in psevdo-razredi.
  • Elementi in psevdoelementi.

V # 13) Kako lahko izračunamo specifičnost?

Odgovor: Za izračun specifičnosti bomo začeli z 0, nato moramo za vsak ID dodati 1000, atributom, razredom ali psevdorazredom pa moramo dodati 10 z imenom vsakega elementa ali psevdoelementa, kasneje pa jim moramo dodati še 1 .

Primer:

h2 #content h2

heading

V # 14) Kako z uporabo CSS naredimo zaobljen vogal?

Odgovor: Zaobljeni vogal lahko naredimo z lastnostjo 'border-radius'. To lastnost lahko uporabimo za kateri koli element.

Primer:

#rcorners1 { border-radius: 25px; background: #715751; padding: 20px; width: 200px; height: 150px; }

Rounded corners for an element with a specified background color:

Rounded corners!

meja-polmer

V # 15) Kako boste dodali obrobe v element HTML?

Odgovor: Sliko lahko nastavimo tako, da bo uporabljena kot mejna slika ob elementu z uporabo lastnosti CSS “border-image”.

Primer:

#borderimg { border: 15px solid transparent; padding: 20px; border-image: url(border.png) 30 round; }

V # 16) Kaj so prelivi v CSS?

Odgovor: Je lastnost CSS, ki vam omogoča nemoteno preoblikovanje med dvema ali več kot dvema določenima barvama.

V CSS sta prisotni dve vrsti prelivov. To so:

  • Linearni preliv
  • Radialni gradient

V # 17) Kaj je CSS flexbox?

Odgovor: Omogoča vam oblikovanje prilagodljive odzivne strukture postavitve, ne da bi uporabili kakršno koli plavajočo ali pozicijsko lastnost CSS. Za uporabo CSS flexbox morate na začetku določiti flex vsebnik.

Primer:

.flex-container { display: flex; background-color: #f4b042; } .flex-container > div { background-color: #d60a33; margin: 10px; padding: 20px; font-size: 30px; } 1 2 3

Example of flex box.

flexbox

V # 18) Napišite vse lastnosti flexboxa.

Odgovor: Na spletni strani HTML je uporabljenih več lastnosti flexboxa.

To so:

  • smer upogibanja
  • upogibanje
  • fleks-tok
  • upraviči vsebino
  • align-items
  • align-content

V # 19) Kako poravnati sliko navpično v razdelku, ki se razteza navpično na celotni spletni strani?

poravnaj sliko navpično v oddelku

Odgovor: To je mogoče storiti z uporabo sintakse verticle-align: middle v elementu in celo lahko povežemo besedila v drugem razponu, nato pa moramo v vsebini #icon uporabiti verticle-align: middle.

V # 20) Kakšna je razlika med oblazinjenjem in robom?

Odgovor: V CSS je rob lastnost, s katero lahko ustvarimo prostor okoli elementov. Ustvarimo lahko celo prostor do zunanjih meja.

V CSS imamo lastnost margin, kot sledi:

  • margin-top
  • rob-desno
  • margin-bottom
  • Rob levo

Lastnost Margin ima nekatere definirane vrednosti, kot je prikazano spodaj.

  • Samodejno - S pomočjo te lastnosti brskalnik izračuna maržo.
  • Dolžina - Nastavi vrednosti robov v px, pt, cm itd.
  • % - Nastavi širino% elementa.
  • Podedujte - S to lastnostjo lahko podedujemo lastnost margin od nadrejenega elementa.

V CSS je oblazinjenje lastnost, s katero lahko ustvarimo prostor okoli vsebine elementa in znotraj katere koli znane obrobe.

Podloga CSS ima tudi lastnosti, kot so,

  1. Oblazinjenje
  2. Padding-desno
  3. Podložno dno
  4. Oblazinjenje-levo

Negativne vrednosti pri oblazinjenju niso dovoljene.

div { padding-top: 60px; padding-right: 40px; padding-bottom: 50px; padding-left: 70px; }

V # 21) Kakšna je uporaba modela Box v CSS?

Odgovor: V CSS je model škatle polje, ki povezuje vse elemente HTML in vključuje funkcije, kot so robovi, obroba, oblazinjenje in dejanska vsebina.

Z uporabo škatlastega modela bomo dobili pooblastilo za dodajanje robov okoli elementov in lahko določimo tudi prostor med elementi.

V # 22) Kako lahko na spletno stran dodamo ikone?

Odgovor: Ikone lahko dodamo na spletno stran HTML z uporabo knjižnice ikon, kot je font-super.

Vsakemu vstavljenemu elementu HTML moramo dodati ime danega razreda ikon. ( ali). Ikone v knjižnicah ikon so prilagodljivi vektorji, ki jih je mogoče prilagoditi s CSS.

V # 23) Kaj je psevdorazred CSS?

Odgovor: To je razred, ki se uporablja za definiranje posebnega stanja elementa HTML.

Ta razred lahko uporabimo tako, da element oblikujemo, ko ga uporabnik zamahne, lahko pa tudi element HTML, ko se osredotoči.

selector:pseudo-class { property:value; }

V # 24) Pojasnite koncept psevdoelementov v CSS.

Odgovor: Je značilnost CSS, ki se uporablja za oblikovanje danih delov elementa.

Na primer ,lahko oblikujemo prvo črko ali vrstico elementa HTML.

selector::pseudo-element { property:value; }

V # 25) Kaj je motnost CSS?

Odgovor: Lastnost je tista, ki podrobneje opredeli preglednost elementa.

S to lastnostjo lahko pregledimo sliko, ki ima lahko vrednosti od 0,0-1,0. Če je vrednost nižja, je slika bolj pregledna. IE8 in starejše različice brskalnika lahko zavzamejo vrednosti od 0-100.

img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}

V # 26) Napišite vsa stanja položaja, uporabljena v CSS.

Odgovor: V CSS obstajajo štiri stališča, kot je navedeno spodaj:

  • Statično (privzeto)
  • Sorodni
  • Fiksno
  • Absolutno

V # 27) Kaj so vrstice za krmarjenje v CSS?

Odgovor: Z uporabo navigacijskih vrstic lahko iz navadne strani HTML naredimo uporabniško specifično in bolj dinamično spletno stran. V bistvu gre za seznam povezav, torej uporaba

    in
  • elementi popolnoma smiselno.

    ul { list-style-type: none; margin: 0; padding: 0; }

    V # 28) Kakšne so razlike med relativnim in absolutnim v CSS?

    Odgovor: Glavna razlika med relativnim in absolutnim je, da se za relativno oznako v CSS uporablja 'relativno', kar pomeni, da če zapišemo levo: 10px, se bo oblazinjenje levo premaknilo na 10px, medtem ko je absolutno popolnoma glede na ne- statični nadrejeni.

    Pomeni, če zapišemo left: 10px, bo rezultat 10px daleč od levega roba nadrejenega elementa.

    V # 29) Določite 'pomembne' izjave, ki se uporabljajo v CSS.

    Odgovor: Pomembne izjave so opredeljene kot tiste izjave, ki imajo večji pomen kot običajne izjave.

    Med izvrševanjem te izjave preglasijo izjavo, ki je manj pomembna.

    Na primer, če sta dva uporabnika s pomembno izjavo, bo ena od izjav preglasila izjavo drugega uporabnika.

    Na primer:
    Telo {ozadje: # FF00FF! Pomembno; barva: modra}

    Vprašanja in odgovori za tehnični intervju za sql

    V tem telesu ima ozadje večjo težo kot barva.

    V # 30) Določite različne kaskadne metode, ki jih je mogoče uporabiti znotraj kaskadnega vrstnega reda.

    Odgovor: Kaskadni vrstni red je sam po sebi način razvrščanja, ki omogoča številne druge različne načine razvrščanja:

    a) Razvrsti po izvoru: Obstaja nekaj pravil, ki lahko zagotovijo nadomestni način, opredeljen kot:

    • Običajno težo slogovnega lista določenega ponudnika bo preglasila povečana teža uporabnikovega sloga.
    • Pravila slogovnega lista določenega uporabnika bodo razveljavljena z običajno širino slogovnega lista ponudnika.

    b) Razvrsti po izbirnikovi posebnosti: Manj natančen izbirnik preglasi bolj natančen izbirnik.

    Na primer , Kontekstualni izbirnik je manj specifičen v primerjavi z izbirnikom ID, ki je bolj specifičen, s tem pa je izbirnik ID preglasil izbirnik konteksta.

    c) Razvrsti po navedenem vrstnem redu: To pride v scenariju, ko imata izbirnika enako težo in druge lastnosti, kot je specifikacija, ki jo bo mogoče razveljaviti.

    Primer:

    Vsi drugi slogi bodo razveljavljeni, če se atribut sloga uporablja za vrstni slog.

    In tudi, če se element povezave uporablja za zunanji slog, bo preglasil uvoženi slog.

    V # 31) Razlikovanje med vrstnim in blokovnim elementom.

    Odgovor: Vstavljeni element nima elementa za nastavitev širine in višine in tudi nima preloma vrstice.

    Primer: em, močna itd.

    Specifikacija blokovnega elementa:

    • Imajo prelom vrstice.
    • Širino določijo z nastavitvijo vsebnika in omogočajo tudi nastavitev višine.
    • Vsebuje lahko tudi element, ki se pojavi v vstavljenem elementu.

    Primer:

    širina in višina
    največja širina in največja višina
    najmanjša širina in najmanjša višina
    hi (i = 1-6) - element naslova
    p- Element odstavka.

    V # 32) Kako se koncept dedovanja uporablja v CSS?

    Odgovor: Dedovanje je koncept, pri katerem bo podrejeni razred podedoval lastnosti svojega nadrejenega razreda. Gre za koncept, ki se uporablja v mnogih jezikih in je enostaven način za ponovno opredelitev iste lastnosti.

    V CSS se uporablja za določanje hierarhije od zgornje do spodnje ravni. Podedovane lastnosti lahko otroški razred preglasi, če otrok uporablja isto ime.

    Primer:

    Telo {velikost pisave: 15pt;}

    In druga definicija je opredeljena v otroškem razredu

    Telo {velikost pisave: 15pt;}
    H1 {velikost pisave: 18pt;}

    Celotno besedilo odstavka bo prikazano z uporabo lastnosti in bo določeno v telesu, razen za slog H1, ki bo besedilo prikazal samo v pisavi 18.

    V # 33) Ločite med ID in razredom.

    Odgovor: V HTML-ju se uporabljata ID in razred in dodelita vrednost iz CSS.

    Spodaj najdete razlike:

    • ID je neke vrste element, ki določenemu elementu enolično dodeli ime, medtem ko ima razred element z določenim nizom lastnosti, ki ga je mogoče uporabiti za celoten blok.
    • ID se lahko uporablja kot element, ker ga lahko enolično identificira, medtem ko je razred definiran tudi tako, da blokira elemente in uporablja preveč oznak, kjer koli se uporablja.
    • ID zagotavlja omejitev uporabe njegovih lastnosti za določen element, medtem ko se v razredu dedovanje uporablja za določen blok ali skupino elementa.

    Zaključek

    Ta seznam vprašanj in odgovorov na razgovore vam bo pomagal, da boste poiskali intervju za spletne razvijalce tako za bolj svežo kot tudi za izkušnje. To so pogosta vprašanja v intervjuju.

    Upam, da bo ta članek pomagal razbiti kakršen koli intervju v zvezi s CSS za spletnega razvijalca.

    Predlagano branje = >> Vprašanja in odgovori za razgovore za spletne razvijalce

    Želimo vam vse uspehe !!

    Priporočeno branje

^