CSS3 intervjuuküsimused - 11 parimat kasulikku küsimust õppimiseks

Lang L: none (table-of-contents):

Anonim

CSS3 intervjuu küsimuste ja vastuste sissejuhatus

Kaskaadlaadilehed on stiililehtede keel, mis kirjeldab märgistuskeeles kirjutatud dokumendi välimust ja vormingut. See on populaarne veebi kujundamisel ja XHTML-is. CSS1 avaldas soovituse detsembris 1996. See versioon kirjeldab CSS-i keelt, samuti kõigi HTML-siltide lihtsat visuaalset vormingumudelit. CSS3 sai W3C soovituseks 1999. aastal, mis on üles ehitatud CSS-i vanematele versioonidele.

Stiilimuutuse näide võib olla

Tere, Maailm

Tavalises HTML- is kasutatakse silte rasvaste sõnade tegemiseks.

See töötab hästi. Kuid pärast mõnda aega tahaksite oma teksti rasvase asemel alla kriipsutada, siis peaksite minema igasse asukohta ja muutma sildi sildistamiseks. See on väga tüütu ülesanne. Kui soovite muuta teksti fonti, peate kirjutama HTML-i kui

See on tekst

Koodiga ülalpool tehke soovitud muudatused oma tekstis, kuid see nõuab palju ümbrismärgendid, mis on ümber kirjutatud, ja muudab HTML-i ka räbalaks.

CSS-i abil saate ühel hetkel teha kohandatud stiili ja seada kõik atribuudid, anda sellele kordumatu nime ja sildistada oma HTML-i nende stiililiste omaduste rakendamiseks. CSS koosneb stiilireeglitest, mida brauser tõlgendab ja rakendab seejärel teie dokumendi vastavatele elementidele. Stiilireegel koosneb

  • Valija : valija on HTML-märgend, millel stiili rakendatakse. See võib olla ükskõik milline silt

    ,

    jne.

  • Atribuut : atribuut on HTML-sildi atribuudi tüüp. Kõik HTML-atribuudid teisendatakse CSS-i atribuutideks. See võib olla värv, ääris jne.
  • Väärtus : atribuutidele omistatakse väärtused. Nt värviomadusel võib olla väärtus punane, roheline jne.

CSS-i süntaks võib olla järgmine

Valija (property: value)
Valijaid saab defineerida mitmel viisil järgmiselt

  • Tüübi valijad
    Vaikevalija
    h1 (värv: #ffff;)
  • Universaalne valija
    Universaalne valija sobib mis tahes elemendi tüübi nimega.
    * (värv: #ffff;)
  • Järeltulija valija
    Oletame, et soovite elemendi jaoks stiili rakendada ainult siis, kui see asub konkreetse elemendi sees. Nt
    ul em (värv: #ffff;)
    stiili rakendatakse elemendile ainult siis, kui see asub sees
      silt.
    • Klassi valijad
      Stiilireegleid saab määratleda elemendi klassi atribuudi alusel. Kõik selle klassi elemendid vormindatakse vastavalt määratletud reeglile.
    • ID valijad
      Stiilireegleid saab määratleda elemendi id atribuudi alusel.
      h1 # must (värv: #ffff;)
      See reegel muudab sisu ainult mustaks

      elemente.

    Võite sisestada uue stiili määratleva CSS-koodi. Stiil on määratletud sildiga

    . myNewStyle (

    fondiperekond: Verdana, Arial, sans-šerif;

    kirjasuurus: paks;

    värv: # FF000;

    )

    See toimiks hästi väikeste projektide puhul. Kuid kui peate määratlema paljude lehtede stiilid, oleks sama CSS-koodi kopeerimine ja kleepimine igal lehel väga keeruline. Sarnaselt JavaScriptiga saate ka CSS-i stiile luua eraldi failina ja seejärel linkida selle lehega

    Koodi kohal lingib väline väline stiilileht „cssheet ”HTML-dokumendiga. See lingimärgend tuleks asetada peasilti. Võite oma css-koodi kirjutada lihtsasse testfaili ja muuta selle laiendiks .css.

    Tööintervjuuks valmistumine CSS3-s. Olen kindel, et soovite teada kõige tavalisemaid CSS3-intervjuu küsimusi ja vastuseid, mis aitavad teil CSS3-intervjuu hõlpsalt lahti saada. Allpool on loetelu teie päästmisel olevatest CSS3-le esitatavatest populaarseimatest küsimustest ja vastustest, mis on jagatud kaheks osaks:

    1. osa - CSS3 intervjuu küsimused (põhilised)

    See esimene osa hõlmab CSS3-ga intervjuu põhiküsimusi ja vastuseid

    1.Mitu viisil saab CSS-i veebilehena integreerida?

    Vastus:
    CSS-i saab integreerida kolmel viisil

    • Inline: atribuuti Style saab kasutada CSS-i rakendamiseks HTML-elementidele.
    • Manustatud: peaelemendil võib olla stiilielement, millesse kood saab paigutada.
    • Lingitud / imporditud: CSS-i saab paigutada välisesse faili ja linkida lingi elemendi kaudu.

    2. Mis eeliseid ja kahju on välistel stiililehtedel?

    Vastus:

    Eelised:

    • Ühte faili saab kasutada paljude erinevate stiilidega dokumentide jaoks.
    • Mitmel HTML-elemendil võib olla palju erinevaid dokumente, millel võib olla klass.
    • Stiilide rühmitamiseks komposiitolukordades võib kasutada valijate ja rühmitamise meetodeid.

    Halvad küljed

    • Stiiliteabega dokumentide importimiseks on vaja täiendavat allalaadimist.
    • Dokumendi renderdamiseks tuleks laadida väline stiilileht.
    • Pole praktiline väikeste stiilimääratluste jaoks.

    Liigume järgmiste CSS3-intervjuu küsimuste juurde

    3. Millised on manustatud stiililehtede plussid ja miinused?

    Vastus:
    See on CSS3 põhiküsimus, mida intervjuul sageli küsitakse. Järgnevalt on ära toodud järgmised teeneid ja halvad küljed:

    Teeneid:

    • Ühes dokumendis saab luua mitu silditüüpi.
    • Stiile saab keerulises olukorras rakendada valija ja rühmitusmeetodite abil.
    • Täiendav allalaadimine mittevajalikuna.

    Halvad küljed

    • Mitut dokumenti ei saa kontrollida.

    4. Millised on CSS-i eelised ja piirangud?

    Vastus:

    Eelised

    • Ribalaius
    • Saidiülene järjepidevus.
    • Lehe vormindamine.
    • Juurdepääsetavus
    • Sisu eraldatud esitlusest.

    Puudused

    • Valijatel tõusmine pole võimalik.
    • Vertikaalse juhtimise piirangud.
    • Ei mingeid väljendeid.
    • Veerudeklaratsiooni pole.
    • Pseudoklass, mida ei kontrolli dünaamilised deklaratsioonid.
    • Konkreetset teksti sihtivad reeglid, stiilid pole võimalikud.

    5. Kas CSS-i saab lisada rohkem kui ühe deklaratsiooni?

    Vastus:
    Jah, seda on võimalik saavutada semikooloni abil;

    2. osa - CSS3 intervjuu küsimused (täpsemad)

    Vaadakem nüüd CSS3 täpsemate intervjuude küsimusi.

    6. Kas eristada loogilisi silte füüsilistest siltidest?

    Vastus:

    • Füüsilisi silte nimetatakse ka esitluse märgistuseks; loogilisi silte ei kasutata esitluste jaoks.
    • Füüsilised sildid on uuem versioon, samas kui loogilised sildid on vanad ja keskenduvad sisule.

    7. Mis on kontekstuaalne valija?

    Vastus:

    Elemendi erijuhtude valimiseks kasutatavat selektorit nimetatakse kontekstuaalseks selektoriks. Tühik eraldab üksikud valijad. Sellises valijas käsitletakse ainult mustri viimast elementi.

    Liigume järgmiste CSS3-intervjuu küsimuste juurde

    8. Kuidas Z indeks töötab?

    Vastus:
    HTML-i elementide positsioneerimisel CSS-i kasutamisel võib esineda kattumist. Z-indeks aitab kattuvat elementi täpsustada. See on arv, mis võib olla positiivne või negatiivne, vaikeväärtus on null.

    9. Kas on võimalik konkreetse elemendi jaoks klassi valijat teha? Kuidas?

    Vastus:
    Jah, me saame teha konkreetse elemendi jaoks klassi valija. Näiteks

    h2.className (
    Värv: #FFFF;
    )
    Ülaltoodud näites, kui elemendi 'h2' all leitakse klassinimi 'className', rakendage valget värvi.

    10. Kuidas saaksime CSS3-s luua teksti- või kastivarju?

    Vastus:
    Kasti varje saab luua
    box-shadow: 5x 5xx 2xx #ffff;
    text-shadow: 5xx 5xx 2xx #ffff;

    11.Mis on CSS3-s uusi tekste lisatud?

    Vastus:

    • Sõnamähis
    • Teksti ületäitumine
    • Sõnamurd

    Soovitatavad artiklid

    See on juhend CSS3 intervjuu küsimuste ja vastuste loendisse, et kandidaat saaks hõlpsalt neid CSS3 intervjuu küsimusi lahendada. Selles postituses oleme uurinud CSS3 peamisi intervjuuküsimusi, mida küsitakse sageli intervjuudes. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -

    1. Perli intervjuu küsimused ja vastused
    2. 10 täpsustatud AngularJS-i intervjuu küsimust
    3. Kõige vingemad PHP-intervjuu küsimused kogenutele
    4. 12 kõige kasulikumat Django intervjuu küsimust