Når du viser viktigheten av CSS, tjener dette innlegget følgende utfall:
Hva står CSS for?
CSS står for Kaskaderende stilark; Det er det eneste stilarket som gjør en HTML -side attraktiv og presentabel. CSS i seg selv er ubrukelig til det er kombinert med HTML for å lage fantastiske nettsteder og webapplikasjonsdesign og oppsett. CSS er i utgangspunktet designet av W3C i 1996 som løsningen av å overvinne den dyre prosessen med å legge skrifter og farger til HTML -siden.
Hvordan CSS brukes på et HTML -dokument
CSS kan brukes på HTML -dokumentet enten internt, inline eller eksternt. Derfor kan CSS deles inn i tre typer: Inline CSS, intern CSS og ekstern CSS. Her har vi eksplisitt demonstrert alle disse kategoriene.
Inline CSS
CSS sies å være inline når vi bruker stil som attributt inne i HTML -taggene. Det er nyttig bare når du trenger å målrette mot en HTML -tag.
Her er eksempelkoden der inline CSS brukes.
Kode
Dette avsnittet er skrevet for å vise frem bruken av inline CSS på HTML -siden.
I koden ovenfor bruker vi inline CSS for å endre skriftstørrelse og farge på
stikkord.
Produksjon
Utgangen viser tydelig at skriftstørrelsen og skriftfargen endres ved å bruke inline CSS.
Intern CSS
CSS sies å være internt når vi bruker stilmerker i hodeseksjonen på HTML -siden for å spesifisere eller endre format og utforming av de forskjellige HTML -kodene. Intern CSS brukes når vi trenger å lage en klasse eller målrette flere HTML -tagger samtidig, men i liten skala. La oss se det praktiske eksemplet på interne CSS.
Kode
Dette avsnittet er skrevet for å vise frem bruken av inline CSS på HTML -siden.
I denne koden har vi brukt taggen inne i hodeseksjonen i dokumentet. Taggen er rettet mot
og
og
Produksjon
Utgangen viser at den interne CSS vellykket endrer skriftstørrelse og farge i henhold til våre krav.
Ekstern CSS
CSS sies å være ekstern når den er skrevet i en egen fil uten å bruke stilkode. Filen lagres med ".CSS" Utvidelse. “.CSS”Fil er koblet til HTML -kode ved å bruke HTML stikkord. La oss se det praktiske eksemplet på ekstern CSS.
Kode
Dette avsnittet er skrevet for å vise frem bruken av ekstern CSS på HTML -siden.
I denne koden setter vi inn eksterne CSS -filer i HTML -kode ved hjelp av TAG for å endre fontstørrelsesfargen, og plasseringen av innholdet i
tag og
Produksjon
Slik kan du integrere en ekstern CSS -fil i HTML -dokumentet ditt.
Konklusjon
CSS står for Cascading Style Sheet. Det brukes til å gjøre HTML -siden -innholdet uttrykksfullt og presentabelt ved å lage fantastiske design og oppsett. Dette innlegget rettet primært rettet mot det CSS står for. Bortsett fra dette har du også lært hvordan inline, interne og eksterne CSS kan brukes på HTML -dokumenter.