Inhoudsopgave:
- Uw code een naam geven met behulp van het id -kenmerk
- Uw code een naam geven met behulp van het class -kenmerk
Video: Schrijftip 6 Hoe beschrijf je een locatie? 2024
Een manier om specifieke elementen in CSS te stylen, is uw HTML-elementen een naam te geven. U kunt uw code een naam geven met het kenmerk
id
of
class
en vervolgens uw code opmaken met behulp van de selector
id
of
klasse
.
Uw code een naam geven met behulp van het id -kenmerk
Gebruik het kenmerk
id
om een specifiek element op uw webpagina op te maken. Het kenmerk
id
kan elk HTML-element een naam geven en wordt altijd in de eerste HTML-tag geplaatst. Bovendien kan elk element slechts één
id
attribuutwaarde hebben en moet de attribuutwaarde slechts eenmaal in het HTML-bestand voorkomen. Nadat u het kenmerk in het HTML-bestand hebt gedefinieerd, verwijst u naar het HTML-element in uw CSS door een hashtag te schrijven (
#
) gevolgd door de kenmerkwaarde.
Gebruik makend van het
id
attribuut, de volgende codestijlen de Moderne Seinfeld Twitter-link de kleur rood met een gele achtergrond:
HTML:
Modern Seinfeld
CSS:
#jerry {
kleur: rood;
achtergrondkleur: geel;
}
Uw code een naam geven met behulp van het class -kenmerk
Gebruik het kenmerk
class
om meerdere elementen op uw webpagina op te maken. Het kenmerk
klasse
kan elk HTML-element een naam geven en wordt altijd in de eerste HTML-tag geplaatst. De kenmerkwaarde hoeft niet uniek te zijn binnen het HTML-bestand. Nadat u het kenmerk in het HTML-bestand hebt gedefinieerd, verwijst u naar het HTML-element door een punt (.) Te schrijven gevolgd door de kenmerkwaarde.
Met het attribuut
class
, de volgende codestijlen verbindt het Parody Tech Twitter-account de kleur rood met geen onderstreping:
HTML:
Bored Elon Musk < Vinod Coleslaw
. tech {
kleur: rood;
tekstdecoratie: geen;
}
Gebruik proactief een zoekmachine, zoals Google, om aanvullende CSS-effecten te zoeken. Als u bijvoorbeeld de spatiëring tussen elk item in de lijst wilt vergroten, opent u uw browser en zoekt u naar regelafstand van regelitems css. Links die in de top tien worden weergegeven, moeten het volgende bevatten:
W3Schools
- : Een beginnershandleiding Stack Overflow
- : Een discussiebord voor ervaren ontwikkelaars Mozilla: een referentie gids oorspronkelijk gemaakt door de stichting die de Firefox-browser onderhoudt en nu wordt onderhouden door een community van ontwikkelaars
- Elk van deze sites is een goede plaats om te beginnen; Zorg ervoor dat u zoekt naar antwoorden met voorbeeldcode.