Introduktion till CSS3 Intervjufrågor och svar
Cascading Style Sheets är ett stilark som beskriver utseendet och formateringen på ett dokument skrivet på ett markeringsspråk. Det är populärt inom webbdesign och i XHTML. CSS1 kom ut en rekommendation i december 1996. Denna version beskriver CSS-språk samt enkel visuell formateringsmodell för alla HTML-taggar. CSS3 blev W3C-rekommendation 1999, som bygger på äldre versioner av CSS.
Ett exempel på stiländring kan vara
Hej världen
I standard HTML används taggen för att göra ord fet.
Det här fungerar bra. Men efter en viss tid vill du göra texten understrukad i stället för fetstil, då måste du gå till varje plats och ändra tagg till tagg. Det här är en mycket tråkig uppgift. Om du vill ändra teckensnittet måste du också skriva HTML som
Detta är text
Ovanstående kod med gör de önskade ändringarna i din text men det kräver en hel del omslagstaggar skrivna runt och gör också att HTML ser trassligt ut.
Med CSS kan du skapa anpassad stil på en punkt och ställa in alla egenskaper, ge det ett unikt namn och tagga din HTML för att tillämpa dessa stylingegenskaper. CSS består av stilregler som tolkas av webbläsaren och sedan tillämpas på motsvarande element i ditt dokument. En stilregel består av
- Väljare : en väljare är HTML-tagg där en stil kommer att tillämpas. Detta kan vara vilken tagg som helst
,
etc.
- Egenskap : en egenskap är en typ av attribut för HTML-taggen. Alla HTML-attribut konverteras till CSS-egendom. Detta kan vara färg, kant etc.
- Värde : Värden tilldelas egenskaper. Exempelvis kan färgegenskaper ha värde röd, grön etc.
CSS-syntax kan vara följande
Väljare (egenskap: värde)
Väljarna kan definieras på många sätt enligt följande
- Skriv väljare
Standardväljare
h1 (färg: #ffff;) - Universalväljare
Universalväljaren matchar namnet på vilken elementtyp som helst.
* (färg: #ffff;) - Efterkommande väljare
Anta att du bara vill använda stil på ett element när det ligger i ett visst element. T.ex
ul em (color: #ffff;)
stil kommer att tillämpas på element endast när det ligger inuti- märka.
- Klassväljare
Stilregler kan definieras baserat på elementets klassattribut. Alla element som har den klassen kommer att formateras enligt den definierade regeln. - ID-väljare
Stilregler kan definieras baserat på elementets ID-attribut.
h1 # svart (färg: #ffff;)
Denna regel gör innehåll bara i svartelement.
Du kan infoga den här CSS-koden som definierar den nya stilen. Stil definieras med tagg
. myNewStyle (
font-family: Verdana, Arial, sans-sheriff;
font-vikt: fet;
färg: # FF000;
)
Detta skulle fungera bra för små projekt. Men när du behöver definiera stilar för många sidor skulle det vara mycket svårt att kopiera och klistra in samma CSS-kod på varje sida. Därför kan du, som JavaScript, också skapa CSS-stilar i en separat fil och sedan länka den till sidan
Ovanstående kod länkar ditt externa stilark "stylesheet.css" till HTML-dokument. Denna länktagg ska placeras i huvudtaggen. Du kan skriva din css-kod i en enkel testfil och ändra dess förlängning till .css.
Förbereder för en jobbintervju i CSS3. Jag är säker på att du vill veta de vanligaste CSS3-intervjufrågorna och svaren som hjälper dig att spricka CSS3-intervjun med lätthet. Nedan är listan över de bästa CSS3-intervjufrågorna och svar som du räddar och som är uppdelad i två delar är följande:
Del 1 - CSS3-intervjufrågor (grundläggande)
Den första delen täcker grundläggande CSS3-intervjuer och svar
1. På hur många sätt kan en CSS integreras som en webbsida?
Svar:
CSS kan integreras på tre sätt
- Inline: Styleattribut kan användas för att få CSS tillämpat på HTML-element.
- Inbäddad: huvudelementet kan ha ett stilelement inom vilket koden kan placeras.
- Länkad / importerad: CSS kan placeras i en extern fil och länkas via länkelement.
2. Vilka fördelar och nedskärningar har externa stilark?
Svar:
fördelar:
- En fil kan användas för många olika dokument med flera stilar.
- Flera HTML-element kan ha många olika dokument som kan ha klasser.
- För att gruppera stilar i sammansatta situationer kan metoder som väljare och gruppering användas.
nackdelarna
- En extra nedladdning behövs för att importera dokument med stilinformation.
- För att återge dokumentet bör externt formatmall laddas.
- Inte praktisk för små stildefinitioner.
Låt oss gå till nästa CSS3-intervjufrågor
3. Vilka är fördelarna och nedskärningarna i inbäddade stilark?
Svar:
Detta är de grundläggande frågorna om CSS3-intervjuer som ofta har ställts i en intervju. Följande är meriter och nedgång är följande:
Meriter:
- Flera taggtyper kan skapas i ett enda dokument.
- Stilar, i en komplex situation, kan tillämpas med hjälp av väljaren och grupperingsmetoder.
- Extra nedladdning i onödigt.
nackdelarna
- Flera dokument kan inte kontrolleras.
4. Vilka är fördelarna och begränsningarna med CSS?
Svar:
fördelar
- Bandbredd
- Konsistens på hela webbplatsen.
- Sidformatering.
- Tillgänglighet
- Innehåll separerat från presentation.
nackdelar
- Stigande väljare är inte möjligt.
- Begränsningar av vertikal kontroll.
- Inga uttryck.
- Ingen kolumndeklaration.
- Pseudoklass som inte kontrolleras av dynamiska förklaringar.
- Regler, stilar som riktar sig till specifik text är inte möjliga.
5. Kan mer än en deklaration läggas till i CSS?
Svar:
Ja, det kan uppnås med hjälp av en semikolon;
Del 2 - CSS3 intervjufrågor (Avancerat)
Låt oss nu titta på de avancerade frågorna om CSS3-intervjuer.
6. Skill logiska taggar från fysiska taggar?
Svar:
- Fysiska taggar kallas också presentationsmarkering; logiska taggar används inte för presentationer.
- Fysiska taggar är nyare version medan logiska taggar är gamla och koncentrerar sig på innehåll.
7. Vad är en kontextuell väljare?
Svar:
Väljar som används för att välja speciella händelser av ett element kallas en kontextuell väljare. Utrymme separerar de enskilda väljarna. Endast det sista elementet i mönstret behandlas i denna typ av väljare.
Låt oss gå till nästa CSS3-intervjufrågor
8. Hur fungerar Z-indexet?
Svar:
Överlappning kan uppstå när du använder CSS för att placera HTML-element. Z-index hjälper till att specificera det överlappande elementet. Det är ett tal som kan vara positivt eller negativt, och standardvärdet är noll.
9. Är det möjligt att skapa en klassväljare för ett visst element? Hur?
Svar:
Ja, vi kan göra en klassväljare för ett visst element. Till exempel
h2.className (
Färg: #FFFF;
)
I exemplet ovan, tillämpas vit färg när klassnamnet 'klassnamn' finns under elementet 'h2'.
10. Hur kan vi skapa textskugga eller rutskugga i CSS3?
Svar:
Boxskugga kan skapas
box-skugga: 5px 5px 2px #ffff;
text-skugga: 5px 5px 2px #ffff;
11.Vad läggs nya texter till i CSS3?
Svar:
- Word wrap
- Text-overflow
- Word-break
Rekommenderade artiklar
Detta har varit en guide till Lista över frågor och svar på CSS3-intervjuer så att kandidaten enkelt kan slå samman dessa CSS3-intervjuerfrågor. Här i det här inlägget har vi studerat de bästa CSS3-intervjufrågorna som ofta ställs i intervjuer. Du kan också titta på följande artiklar för att lära dig mer -
- Perl intervjufrågor och svar
- 10 avancerade AngularJS intervjufrågor
- Mest fantastiska PHP-intervjufrågor för erfarna
- 12 mest användbara Django-intervjufrågor