Cascading Style Sheets (CSS) er et datamaskinbasert språk på høyt nivå, som brukes til å designe HTML-baserte websider. Utformingen av en side inkluderer oppsett, farger, skriftstørrelse, skrivestiler, og de opprettholder sidedesign. I denne artikkelen vil du lære om det kraftigste stylingspråket, og du vil også lære hvordan CSS regler til HTML. CSS -stylingegenskaper er innebygd med HTML -taggene. CSS er ikke markering eller prosessuelt språk; Det er et deklarativt språk som definerer sine egne regler i henhold til styling av attributter.

CSS -syntaks

Syntaksen til CSS består av en velger- og erklæringblokk og erklæringsblokken inneholder egenskapene og deres verdier. Som vist i det gitte eksemplet

H1
Tekstalign: Rett;

I dette eksemplet “H1” er en velger, “Tekstalign” er en eiendom, og "Ikke sant" er verdien av den nevnte eiendommen.

CSS -velger

Akkurat som HTML har tagger som CSS har velgere, som brukes til å få tilgang til HTML -elementene og style dem internt eller bruke en ekstern CSS -fil. Disse velgerne brukes til å bruke de spesifikke CSS -egenskapene på utvalgte HTML -elementer.

Et element kan velges ved hjelp av elementnavn, ID og klassenavn. For eksempel å få tilgang til et element med klassenavnet, legg en prikk (.) før klassenavnet som vist i det gitte eksemplet.

.senter
Tekstalign: Rett;
Farge: grønn;

I følge eksemplet ovenfor vil HTML-elementer med "senter" -klasse være riktig tilpasset og har grønn farge.

CSS -klasse implementeres.

Hvordan implementere CSS på HTML?

Det er tre måter å implementere CSS på en HTML -fil:

• På linje
• intern og
• utvendig.

Inline CSS -styling

I inline styling er CSS -egenskaper festet i HTML -kodene ved å bruke stilattributtet som vist i det gitte eksemplet.

Denne taggen brukes til avsnitt.

Den gitte stilegenskapen gjør det spesifikke avsnittet grønt. Ved å bruke Inline CSS -styling kan du bare bruke denne stylingen på spesifikke elementer.

Imidlertid anbefales ikke denne inline CSS -stylingen fordi den øker kodens kompleksitet.

Intern CSS -styling

Den interne CSS -stylingcan brukes på hele websiden fordi den er innebygd i hodeseksjonen på en HTML -side med en element og vi kan ganske enkelt få tilgang til alle elelmtn ved hjelp av CSS -velgere. Som vist i det gitte eksemplet.

Eksempel

<

Overskrift

Avsnitt

Ekstern CSS -styling

I ekstern CSS -styling opprettes en Sperate CSS -fil med utvidelsen av .CSS som lenket til HTML -filen ved å legge til lenken i Head -delen. Flere HTML -sider kan bruke denne eksterne filen samtidig. Et eksempel på ekstern CSS -stilfil er gitt nedenfor.

Eksempel

stil.CSS

kropp
bakgrunnsfarge: grønn;

H1
fargen rød;

P
farge svart;

indeks.html

Overskrift

Avsnitt

Kommentarer i CSS

I alle programmeringsspråk vises ikke kommentarer i nettleseren, men de kan bidra til å utdype og forstå koden ved redigeringstidspunktet.

I CSS er det en kommentar mellom disse tegnene ( /* og */). Mønster av en kommentar vises også i det gitte eksemplet:

/ * Dette er en kommentar */
H1
fargen rød;

Konklusjon

CSS står for Cascading Style Sheets, og det brukes til å designe HTML-baserte websider. Ved å bruke CSS -styling, kan utformingen av en side inkludert oppsett, farger, skriftstørrelse og mye mer ting gjøres. I dette innlegget blir introduksjonen av CSS, syntaks av CSS, arbeid av CSS med HTML -filer og hvordan du skriver kommentarer i CSS forklart ved hjelp av eksempler.