Cascading Style Sheets AKA CSS er et språk som brukes til å style elementer på en HTML -webside for å forbedre skjønnheten i websider. CSS er ganske enkelt og kan spare deg for mye tid ved å håndtere dannelsen av mange websider samtidig, og for at CSS skal fungere, må du ta med stilarket ditt til HTML -dokumentet ditt.

Det er tre mulige måter å legge til stilarket ditt til HTML -dokumentet ditt som er;

1. Ekstern CSS
   Ekstern CSS er et stilark som er definert i en egen fil og er inkludert i et HTML -dokument som en lenke med .CSS -utvidelse.
2. Intern CSS
   Intern CSS er definert i det samme HTML -dokumentet ved å bruke elementet i seksjonen.
3. Inline CSS
   Inline CSS er også definert i det samme HTML -dokumentet ved å bruke stilattributtet til et element. I denne opplæringen vil vi imidlertid diskutere Inline CSS i dybden ..

Inline CSS

For å style et individuelt HTML -element brukes inline CSS -tilnærmingen. Denne teknikken benytter seg av stilattributtet til en HTML -tag for å inkludere CSS. Stildefinisjonen som er spesifisert i stilattributtet, vil bare påvirke det aktuelle elementet.

Syntaks

La oss utforske og forstå inline CSS -teknikk ved hjelp av noen eksempler.

Eksempel 1

Anta at du vil style

element ved bruk av inline CSS.

Inline CSS.

I eksemplet ovenfor brukte vi stilattributtet til

Merk for å style overskriften, ved å bruke følgende kode.

Inline CSS.

Produksjon

Vi setter fargen på overskriften til lilla, fontfamilie til "Times New Roman" og tekstinnretting til sentrum.

Eksempel 2

I eksemplet ovenfor stylet vi et enkelt stykke tekst ved hjelp av Inline CSS. I det følgende eksemplet vil vi style A ved å bruke inline CSS.

Dette eksemplet demonstrerer bruken av inline CSS.

I eksemplet ovenfor setter vi polstring, kant og bakgrunnsfarge for elementet ved hjelp av følgende kode.

Dette eksemplet demonstrerer bruken av inline CSS.

Produksjon

Slik kan du style elementer som eller

Bruke inline CSS -tilnærming.

Nå som vi har en god forståelse av konseptet angående inline CSS, la oss gå gjennom noen fordeler og ulemper med teknikken som diskuteres.

Fordeler med inline CSS
Her har vi listet opp noen fordeler med inline CSS.

• Du kan style et element individuelt.
• Det reduserer mengden filer nettleseren har å laste ned, noe som gjør prosedyren for å vise websider raskere.
• Det er egnet for små nettprosjekter.

Ulemper av inline CSS
Her har vi listet opp noen ulemper med inline CSS.

• Inline CSS kan gjøre koden mindre håndterbar.
• I inline CSS er ikke filer hurtigbufret.
• Stildefinisjonene som er spesifisert ved hjelp av inline CSS er ikke gjenbrukbare.
• Pseudokoder og klasser kan ikke styles ved hjelp av Inline CSS.
• Det er ikke aktuelt for større prosjekter, da det reduserer kodenes mangbarhet.

Konklusjon

Inline CSS er en teknikk for å inkludere stilark i et HTML -dokument ved å bruke stilattributtet til elementet. Inline CSS lar brukeren style elementer individuelt, og stildefinisjonen som er spesifisert, vil bare påvirke det aktuelle elementet. I dette innlegget har inline CSS -teknikk blitt diskutert i detalj med hjelp av passende eksempler, dessuten blir fordeler og ulemper med teknikken som diskuteres også fremhevet.