Rozhovor s CSS3 - Top 11 užitočných otázok, ktoré je potrebné naučiť

Obsah:

Anonim

Úvod k otázkam a odpovediam na rozhovor CSS3

Kaskádové štýly sú jazykom so štýlmi popisujúcim vzhľad a formátovanie dokumentu napísaného v značkovacom jazyku. Je populárny vo webdizajne a XHTML. CSS1 vyšlo odporúčanie v decembri 1996. Táto verzia popisuje jazyk CSS a jednoduchý model vizuálneho formátovania pre všetky značky HTML. CSS3 sa v roku 1999 stalo odporúčaním W3C, ktoré je postavené na starších verziách CSS.

Príkladom zmeny štýlu môže byť

Ahoj svet

V štandardnom HTML sa značka používa na zvýraznenie slov.

Funguje to dobre. Ale po nejakom čase by ste chceli, aby bol váš text podčiarknutý namiesto tučného textu, potom by ste museli ísť na každé miesto a zmeniť značku na značku. Toto je veľmi únavná úloha. Tiež, ak chcete zmeniť písmo textu, musíte napísať HTML ako

Toto je text

Nad kódom s vykonaním požadovaných zmien v texte, ale vyžaduje veľa obálky značiek napísaných okolo a tiež robí HTML vyzerať chaoticky.

S CSS môžete vytvoriť vlastný štýl na jednom mieste a nastaviť všetky vlastnosti, dať mu jedinečný názov a označiť svoj HTML, aby sa tieto vlastnosti štýlu mohli použiť. CSS pozostáva z pravidiel štýlov, ktoré sú interpretované prehliadačom a potom aplikované na príslušné prvky v dokumente. Pravidlo štýlu sa skladá z

  • Selektor : selektor je značka HTML, pri ktorej sa použije štýl. Môže to byť akákoľvek značka ako

    ,

    atď.

  • Vlastnosť : vlastnosť je typ atribútu značky HTML. Všetky atribúty HTML sa prevádzajú do vlastníctva CSS. Môže to byť farba, orámovanie atď.
  • Hodnota : Hodnotám sa priraďujú vlastnosti. Napríklad vlastnosť farby môže mať hodnotu červená, zelená atď.

Syntax CSS môže byť nasledovná

Selektor (property: value)
Selektory môžu byť definované mnohými spôsobmi nasledovne

  • Zadajte selektory
    Predvolený selektor
    h1 (color: #ffff;)
  • Univerzálny selektor
    Univerzálny selektor zodpovedá názvu ľubovoľného typu prvku.
    * (color: #ffff;)
  • Potomok selektor
    Predpokladajme, že chcete na prvok aplikovať štýl iba vtedy, keď leží vo vnútri konkrétneho prvku. napr
    ul em (color: #ffff;)
    štýl sa použije na prvok iba vtedy, keď leží vo vnútri
      tag.
    • Výber tried
      Pravidlá štýlu je možné definovať na základe atribútu triedy prvku. Všetky prvky, ktoré majú túto triedu, budú naformátované podľa definovaného pravidla.
    • Selektory ID
      Pravidlá štýlu je možné definovať na základe atribútu id prvku.
      h1 # čierna (color: #ffff;)
      Toto pravidlo vykreslí obsah iba čiernou farbou

      prvky.

    Môžete vložiť tento kód CSS, ktorý definuje nový štýl. Štýl je definovaný značkou

    , myNewStyle (

    rodina fontov: Verdana, Arial, sans-sheriff;

    font-weight: bold;

    farba: # FF000;

    )

    Pre malé projekty by to fungovalo dobre. Ale ak potrebujete definovať štýly pre mnoho stránok, bolo by veľmi ťažké skopírovať a prilepiť rovnaký kód CSS na každú stránku. Preto, podobne ako JavaScript, môžete tiež vytvoriť štýly CSS v samostatnom súbore a potom ich prepojiť so stránkou

    Vyššie uvedený kód prepojí vašu externú šablónu so štýlmi „stylesheet.css“ s dokumentom HTML. Táto značka odkazu by sa mala umiestniť do značky head. Kód css môžete napísať do jednoduchého testovacieho súboru a zmeniť jeho príponu na .css.

    Príprava na pracovný pohovor v CSS3. Som si istý, že chcete poznať najčastejšie otázky týkajúce sa rozhovoru CSS3 a odpovede, ktoré vám pomôžu bez problémov rozprávať rozhovor CSS3. Nižšie je uvedený zoznam najlepších rozhovorov s CSS3 a odpovede na vašu záchranu, ktoré sú rozdelené na dve časti:

    1. časť - Rozhovory s CSS3 (základné)

    Táto prvá časť obsahuje základné otázky a odpovede týkajúce sa rozhovorov s CSS3

    1.Koľko spôsobov môže byť CSS integrovaný ako webová stránka?

    odpoveď:
    CSS možno integrovať tromi spôsobmi

    • Inline: Atribút Style sa dá použiť na aplikovanie CSS na prvky HTML.
    • Vložené: prvok hlavy môže mať prvok štýlu, do ktorého sa dá kód umiestniť.
    • Prepojené / importované: CSS je možné umiestniť do externého súboru a prepojiť pomocou prvku odkazu.

    2. Aké výhody a nedostatky majú externé šablóny so štýlmi?

    odpoveď:

    výhody:

    • Jeden súbor je možné použiť pre mnoho rôznych dokumentov s viacerými štýlmi.
    • Viaceré prvky HTML môžu mať mnoho rôznych dokumentov, ktoré môžu mať triedy.
    • Na zoskupovanie štýlov v zložených situáciách sa môžu použiť metódy ako selektory a zoskupovanie.

    zápory

    • Na import dokumentov s informáciami o štýle je potrebné ďalšie stiahnutie.
    • Na vykreslenie dokumentu je potrebné vložiť externý hárok so štýlmi.
    • Nie je praktické pre definície malých štýlov.

    Prejdime k ďalším otázkam na rozhovor CSS3

    3. Aké sú prednosti a nedostatky vložených šablón štýlov?

    odpoveď:
    Toto sú základné otázky týkajúce sa rozhovoru CSS3, ktoré sa pri pohovore často kladú. Nasleduje zásluhy a nedostatky:

    Zásluhy:

    • V jednom dokumente je možné vytvoriť viacero typov značiek.
    • Štýly sa v zložitej situácii dajú použiť pomocou selektora a metód zoskupovania.
    • Ďalšie stiahnutie je zbytočné.

    zápory

    • Nie je možné riadiť viac dokumentov.

    4. Aké sú výhody a obmedzenia CSS?

    odpoveď:

    výhody

    • Bandwidth
    • Konzistentnosť na celom webe.
    • Preformátovanie stránky.
    • prístupnosť
    • Obsah oddelený od prezentácie.

    nevýhody

    • Nie je možné vzostupne.
    • Obmedzenia vertikálnej regulácie.
    • Žiadne výrazy.
    • Žiadne stĺpcové vyhlásenie.
    • Pseudotrieda sa neriadi dynamickými vyhláseniami.
    • Pravidlá, štýly zacielené na konkrétny text nie sú možné.

    5. Je možné do CSS pridať viac vyhlásení?

    odpoveď:
    Áno, dá sa to dosiahnuť pomocou stredníka;

    2. časť - Otázky na rozhovor CSS3 (rozšírené)

    Pozrime sa teraz na pokročilé otázky týkajúce sa rozhovoru s CSS3.

    6. Odlíšiť logické značky od fyzických značiek?

    odpoveď:

    • Fyzické značky sa označujú aj ako prezentačné značkovanie; logické značky sa na prezentácie nepoužívajú.
    • Fyzické značky sú novšou verziou, zatiaľ čo logické značky sú staré a zameriavajú sa na obsah.

    7. Čo je výber kontextu?

    odpoveď:

    Selektor používaný na výber špeciálnych výskytov prvku sa nazýva kontextový selektor. Medzery oddeľujú jednotlivé selektory. V tomto druhu selektora sa rieši iba posledný prvok vzoru.

    Prejdime k ďalším otázkam na rozhovor CSS3

    8. Ako funguje index Z?

    odpoveď:
    Pri použití CSS na určovanie polohy prvkov HTML môže dôjsť k prekrývaniu. Index Z pomáha pri určovaní prekrývajúceho sa prvku. Je to číslo, ktoré môže byť kladné alebo záporné, predvolená hodnota je nula.

    9. Je možné urobiť výber triedy pre konkrétny prvok? Ako?

    odpoveď:
    Áno, môžeme urobiť výber triedy pre konkrétny prvok. Napríklad

    h2.className (
    Farba: #FFFF;
    )
    Vo vyššie uvedenom príklade sa vždy, keď sa v prvku „h2“ nájde názov triedy 'className', použije biela farba.

    10. Ako môžeme vytvoriť tieň textu alebo tieň poľa v CSS3?

    odpoveď:
    Môže sa vytvoriť tieň poľa
    tieň: 5px 5px 2px #ffff;
    textový tieň: 5 x 5 x 2 x #ffff;

    11.Aké sú do CSS3 pridané nové texty?

    odpoveď:

    • Slovo zábal
    • Text-overflow
    • Slovo-break

    Odporúčané články

    Toto bol sprievodca zoznamom otázok a odpovedí na otázky týkajúce sa rozhovoru CSS3, aby kandidát mohol ľahko vykonať tvrdé zásahy do týchto otázok na pohovory CSS3. Tu v tomto príspevku sme študovali najdôležitejšie otázky týkajúce sa rozhovoru CSS3, ktoré sa často kladú pri rozhovoroch. Ďalšie informácie nájdete aj v nasledujúcich článkoch -

    1. Perl Rozhovor Otázky a odpovede
    2. 10 pokročilých otázok o rozhovoroch s AngularJS
    3. Väčšina úžasných otázok na rozhovor s PHP pre skúsených
    4. 12 najužitočnejších otázok týkajúcich sa rozhovorov s Djangom