CSS -syntaks

CSS, kort for Cascading Style Sheets er et nettstylingsspråk som brukes til styling og strukturering av websider skrevet i HTML eller XML. Den definerer hvordan forskjellige HTML -elementer for eksempel overskrifter eller avsnitt vises på skjermen.

Som andre nettstylingsspråk følger CSS også visse regler som definerer arrangementet av elementer og attributter. Syntaksen til en CSS er som følger:

Syntaksen er forklart i tabellen nedenfor.

CSS -element	Beskrivelse
Velger	Det velger et HTML -element som du vil style.
Deklarasjonsblokk	Den består av flere erklæringer og tesea skilles av semikoloner.
Eiendom	En egenskap refererer til attributtet til en HTML -tag som farge, skrift osv.
Verdi	Verdiene blir tildelt egenskaper.

Nå er det flere typer velgere som er forklart nedenfor.

Universell velger

Som navnet antyder, brukes en universell velger for å velge alle elementer på en HTML -side. Det er representert med et stjerne -tegn (*). For eksempel

*
Fontfarge: Blå;
tekst-align: sentrum;

Elementvelger

En velger brukes til å velge HTML -elementer på grunnlag av navnene deres. Som dette.

h
Tekstalign: Venstre;
Farge: blå;

ID -velger

Du kan style HTML -elementer på grunnlag av ID -attributtene deres. For eksempel følgende element med id = “head1” blir stylet.

#head1
Tekstalign: Venstre;
Farge: blå;

Klassevelger

Klasselektorstiler et HTML -element på grunnlag av en spesifikk klasseattributt. For å velge et HTML -element bruker vi DOT etterfulgt av klassenavn.

.Boks
tekst-align: sentrum;
fargen rød;

Gruppering av velgeren

Gruppebelgeren brukes til å velge alle de HTML -elementene som vi ønsker å style på en lignende måte. For eksempel.

H1, H2, P
tekst-align: sentrum;
fargen rød;
Font-vekt: normal;

Konklusjon

Cascading Style Sheets aka CSS er et stylingspråk som brukes til å style dokumenter skrevet ved hjelp av markeringsspråk som HTML og XML. For styling HTML -elementer må vi følge et sett med CSS -regler/syntaks. Etter CSS -syntaksen bruker vi noen velger for å velge de spesifikke HTML -elementene og deretter tilordne visse verdier til egenskaper for å designe disse HTML -elementene. I denne opplæringen lærte vi den grunnleggende CSS -syntaksen og dens velgere som viser seg å være veldig nyttige for styling HTML -elementer.