Inleiding tot CSS3 Interviewvragen en antwoorden
Cascading Style Sheets is een stijlbladtaal die het uiterlijk en de opmaak van een document beschrijft dat in een opmaaktaal is geschreven. Het is populair in webdesign en in XHTML. CSS1 kwam in december 1996 met een aanbeveling. Deze versie beschrijft de CSS-taal en een eenvoudig visueel opmaakmodel voor alle HTML-tags. CSS3 werd W3C-aanbeveling in 1999, die is gebaseerd op oudere versies van CSS.
Een voorbeeld van stijlverandering kan zijn
Hallo Wereld
In standaard HTML wordt tag gebruikt om woorden vet te maken.
Dit werkt prima. Maar na een bepaalde periode wilt u uw tekst onderstrepen in plaats van vetgedrukt maken, dan moet u naar elke locatie gaan en van tag naar tag veranderen. Dit is een heel vervelende taak. Als u het lettertype van de tekst wilt wijzigen, moet u HTML schrijven als
Dit is tekst
Bovenstaande code met brengt de gewenste wijzigingen aan in uw tekst, maar het vereist veel wrapper-tags die rond worden geschreven en zorgt er ook voor dat HTML rommelig lijkt.
Met CSS kunt u op een bepaald moment een aangepaste stijl maken en alle eigenschappen instellen, een unieke naam geven en uw HTML taggen om deze stijleigenschappen toe te passen. CSS bestaat uit stijlregels die door de browser worden geïnterpreteerd en vervolgens worden toegepast op de overeenkomstige elementen in uw document. Een stijlregel bestaat uit
- Selector : een selector is een HTML-tag waarop een stijl wordt toegepast. Dit kan elke tag zijn als
,
enz.
- Eigenschap : een eigenschap is een type kenmerk van de HTML-tag. Alle HTML-kenmerken worden omgezet in CSS-eigenschap. Dit kan kleur, rand etc. zijn
- Waarde : waarden worden toegewezen aan eigenschappen. Bijvoorbeeld, kleureigenschap kan waarde rood, groen etc. hebben
CSS-syntaxis kan als volgt zijn
Selector (property: value)
Selectors kunnen op veel manieren als volgt worden gedefinieerd
- Type selectors
Standaard selector
h1 (color: #ffff;) - Universele keuzeschakelaar
Universele selector komt overeen met de naam van elk elementtype.
* (color: #ffff;) - Nakomelingenkiezer
Stel dat u stijl alleen op een element wilt toepassen als het binnen een bepaald element ligt. Eg
ul em (color: #ffff;)
stijl wordt alleen op element toegepast als het binnenin ligt- label.
- Klasse selectors
Stijlregels kunnen worden gedefinieerd op basis van het klasseattribuut van het element. Alle elementen met die klasse worden opgemaakt volgens de gedefinieerde regel. - ID selectors
Stijlregels kunnen worden gedefinieerd op basis van het id-kenmerk van het element.
h1 # black (kleur: #ffff;)
Deze regel geeft alleen inhoud in zwart weerelementen.
U kunt deze CSS-code invoegen die de nieuwe stijl definieert. Stijl wordt gedefinieerd met tag
. myNewStyle (
lettertype-familie: Verdana, Arial, sans-sheriff;
lettergewicht: vetgedrukt;
kleur: # FF000;
)
Dit zou prima werken voor kleine projecten. Maar wanneer u stijlen voor veel pagina's moet definiëren, zou het heel moeilijk zijn om dezelfde CSS-code in elke pagina te kopiëren en te plakken. Daarom kunt u, net als JavaScript, ook CSS-stijlen in een afzonderlijk bestand maken en deze vervolgens aan de pagina koppelen
Bovenstaande code koppelt uw externe stylesheet "stylesheet.css" aan HTML-document. Deze link-tag moet in de head-tag worden geplaatst. U kunt uw css-code in een eenvoudig testbestand schrijven en de extensie wijzigen in .css.
Voorbereiding op een sollicitatiegesprek in CSS3. Ik weet zeker dat je de meest voorkomende CSS3-interviewvragen en -antwoorden wilt weten waarmee je het CSS3-interview gemakkelijk kunt kraken. Hieronder vindt u de lijst met de beste CSS3-interviewvragen en antwoorden die te uwer beschikking zijn, die in twee delen is verdeeld:
Deel 1 - CSS3-interviewvragen (basis)
Dit eerste deel behandelt basisvragen en antwoorden over CSS3-interviews
1. Op hoeveel manieren kan een CSS als een webpagina worden geïntegreerd?
Antwoord:
CSS kan op drie manieren worden geïntegreerd
- Inline: Style attribuut kan worden gebruikt om CSS op HTML-elementen toe te passen.
- Ingesloten: het hoofdelement kan een stijlelement hebben waarbinnen de code kan worden geplaatst.
- Gekoppeld / geïmporteerd: CSS kan in een extern bestand worden geplaatst en via een koppelingselement worden gekoppeld.
2. Welke voordelen en nadelen hebben externe stylesheets?
Antwoord:
Voordelen:
- Eén bestand kan worden gebruikt voor veel verschillende documenten met meerdere stijlen.
- Meerdere HTML-elementen kunnen veel verschillende documenten hebben die klassen kunnen hebben.
- Om stijlen in samengestelde situaties te groeperen, kunnen methoden als selectors en groepering worden gebruikt.
strafpunten
- Een extra download is nodig om documenten met stijlinformatie te importeren.
- Om het document te renderen, moet een extern stijlblad worden geladen.
- Niet praktisch voor kleine stijldefinities.
Laten we doorgaan naar de volgende CSS3-interviewvragen
3. Wat zijn de voor- en nadelen van ingebedde stylesheets?
Antwoord:
Dit zijn de standaard CSS3-interviewvragen die vaak in een interview zijn gesteld. Hierna volgen de verdiensten en de punten als volgt:
verdiensten:
- Meerdere tagtypen kunnen in één document worden gemaakt.
- Stijlen, in een complexe situatie, kunnen worden toegepast met behulp van de selector en groeperingsmethoden.
- Extra download overbodig.
strafpunten
- Meerdere documenten kunnen niet worden beheerd.
4. Wat zijn de voordelen en beperkingen van CSS?
Antwoord:
voordelen
- bandbreedte
- Consistentie op de hele site.
- Pagina opnieuw formatteren.
- Toegankelijkheid
- Inhoud gescheiden van presentatie.
nadelen
- Oplopend zijn selectors is niet mogelijk.
- Beperkingen van verticale controle.
- Geen uitdrukkingen.
- Geen kolomaangifte.
- Pseudoklasse niet geregeld door dynamische verklaringen.
- Regels, stijlen gericht op specifieke tekst niet mogelijk.
5. Kan meer dan één aangifte aan CSS worden toegevoegd?
Antwoord:
Ja, dit kan worden bereikt met een puntkomma;
Deel 2 - CSS3-interviewvragen (geavanceerd)
Laten we nu eens kijken naar de geavanceerde CSS3-interviewvragen.
6. Onderscheid logische tags van fysieke tags?
Antwoord:
- Fysieke tags worden ook wel presentatie-markup genoemd; logische tags worden niet gebruikt voor presentaties.
- Fysieke tags zijn nieuwere versies, terwijl logische tags oud zijn en zich concentreren op de inhoud.
7. Wat is een contextuele selector?
Antwoord:
De selector die wordt gebruikt om speciale gebeurtenissen van een element te selecteren, wordt een contextuele selector genoemd. Spatie scheidt de afzonderlijke selectors. Alleen het laatste element van het patroon wordt behandeld in dit soort selector.
Laten we doorgaan naar de volgende CSS3-interviewvragen
8. Hoe werkt de Z-index?
Antwoord:
Overlappingen kunnen optreden tijdens het gebruik van CSS voor het positioneren van HTML-elementen. Z-index helpt bij het specificeren van het overlappende element. Het is een getal dat positief of negatief kan zijn, waarbij de standaardwaarde nul is.
9. Is het mogelijk om een klassekiezer voor een bepaald element te maken? Hoe?
Antwoord:
Ja, we kunnen een klassekiezer voor een bepaald element maken. Bijvoorbeeld
h2.className (
Kleur: #FFFF;
)
Wanneer in het bovenstaande voorbeeld classname 'className' wordt gevonden onder element 'h2', past u een witte kleur toe.
10. Hoe kunnen we tekstschaduw of boxschaduw maken in CSS3?
Antwoord:
Box schaduw kan worden gemaakt
box-schaduw: 5px 5px 2px #ffff;
text-shadow: 5px 5px 2px #ffff;
11.Wat zijn nieuwe teksten toegevoegd in CSS3?
Antwoord:
- Woordomslag
- Text-overflow
- Word-break
Aanbevolen artikelen
Dit is een handleiding voor de lijst met CSS3-interviewvragen en -antwoorden, zodat de kandidaat deze CSS3-interviewvragen gemakkelijk kan beantwoorden. Hier in dit bericht hebben we onderzoek gedaan naar de beste CSS3-interviewvragen die vaak in interviews worden gesteld. U kunt ook de volgende artikelen bekijken voor meer informatie -
- Vragen en antwoorden over sollicitatiegesprekken bij Perl
- 10 geavanceerde AngularJS-interviewvragen
- Meest geweldige PHP-sollicitatievragen voor ervaren
- 12 meest bruikbare sollicitatievragen voor Django