CSS, ose Cascading Style Sheets, janë ato që përdoren në dizajnimin modern të faqes për të aplikuar pamjen vizuale në një faqe. Ndërsa HTML krijon strukturën e faqes dhe Javascript mund të trajtojë sjelljet, pamja dhe ndjenja e një faqe interneti është fusha e CSS. Kur është fjala për këto stile, ato përdoren më së shumti duke përdorur fletët e stilit të jashtëm, por gjithashtu mund të aplikoni stilet CSS në një element të vetëm, duke përdorur ato që njihen si "stilet inline".
Stilet Inline janë stile CSS që zbatohen drejtpërdrejt në HTML-në e faqes. Ka dy avantazhe dhe disavantazhe për këtë qasje. Së pari, le të shohim saktësisht se si janë shkruar këto stile.
Si të shkruani një stil inline
Për të krijuar një stil inline CSS, filloni duke shkruar pronën tuaj të stilit të ngjashme me atë se si do të keni në një fletë stilesh, por duhet të jetë një vijë e vetme. Veçoritë e ndara të shumëfishta me pikëpresje ashtu siç do të bënit në një fletë stilesh.
background: #ccc; Ngjyra: #fff; kufiri: 1px i ngurtë i zi;
Vendose atë rresht të stileve brenda atributit të stilit të elementit që dëshiron të organizohesh. Për shembull, nëse dëshironi të aplikoni këtë stil në një paragraf në HTML-in tuaj, ky element do të duket kështu:
Në këtë shembull, ky paragraf i veçantë do të shfaqet me një sfond të lehta (kjo është ajo që do të jepte), teksti i zi (nga ngjyra # 000), dhe me një kufi të ngurtë të 1 pixel në të katër anët e paragrafit .
Avantazhet e Inline Styles
Falë kaskadës së stilet Cascading Style Sheet inline kanë përparësi ose specifikë më të lartë në një dokument. Kjo do të thotë se ata do të aplikohen pa marrë parasysh se çfarë tjetër është diktuar në fletën tuaj të jashtme të stilit (me përjashtim të çdo stil që i jepet deklarata e rëndësishme që fletë, por kjo nuk është diçka që duhet të bëhet në faqet e prodhimit nëse ajo mund të shmanget).
Stilet e vetme që kanë përparësi më të madhe se stilet inline janë stilet e përdoruesit të aplikuar nga vetë lexuesit. Nëse ke probleme me marrjen e ndryshimeve, mund të provosh të vendosësh një stil inline në element. Nëse stilet ende nuk shfaqen duke përdorur një stil inline, ju e dini se ka diçka tjetër që po ndodh.
Stilet inline janë të lehta dhe të shpejta për të shtuar dhe nuk duhet të shqetësoheni për të shkruar përzgjedhësin e duhur të CSS pasi që i shtoni stilet drejtpërdrejt elementit që dëshironi të ndryshoni (ky element në thelb zëvendëson përzgjedhësin që do të shkruanit në një fletë të stilit të jashtëm ). Ju nuk keni nevojë të krijoni një dokument krejt të ri (si me fletët e stilit të jashtëm) ose të redaktoni një element të ri në kokën e dokumentit tuaj (si me fletët e stilit të brendshëm). Ju thjesht shtoni atributin e stilit që është i vlefshëm në pothuajse çdo element HTML. Këto janë të gjitha arsyet pse mund të tundoheni për të përdorur stilet inline, por gjithashtu duhet të jeni të vetëdijshëm për disa disavantazhe shumë të rëndësishme për këtë qasje.
Disavantazhet e Inline Styles
Për shkak se stilet e inline janë më specifike në kaskadë, ata mund t'i kalojnë gjërat që ju nuk i keni ndërmend. Ata gjithashtu mohojnë një nga aspektet më të fuqishme të CSS-së - aftësinë për të stiluar shumë dhe shumë faqe të internetit nga një skedar qendror CSS për të bërë përditësimet e ardhshme dhe ndryshimet e stilit shumë më të lehtë për tu menaxhuar.
Nëse duhej të përdorësh vetëm stilet inline, dokumentet e tua shpejt do të bëheshin të fryrë dhe shumë vështirë për t'u ruajtur. Kjo është për shkak se stilet inline duhet të aplikohen për çdo element që dëshironi. Pra, nëse doni që të gjitha paragrafët tuaj të kenë familjen e shkronjave "Arial", duhet të shtoni një stil inline për çdo tag
në dokumentin tuaj. Kjo shton edhe punën e mirëmbajtjes për projektuesin dhe kohën e shkarkimit për lexuesin pasi që do të duhej ta ndryshonit këtë në çdo faqe në faqen tuaj për të ndryshuar atë familje të shkronjave. Përndryshe, nëse përdorni një fletë stilesh të ndara, mund të jeni në gjendje ta ndryshoni atë në një vend dhe të merrni çdo faqe që të përditësohet.
Me të vërtetë, ky është një hap prapa në web design - prapa ditëve të tag !
Një tjetër pengesë për stilet inline është se është e pamundur të krijohen pseudo-elemente dhe klasa me ta. Për shembull, me fletët e stilit të jashtëm , mund të stilosh ngjyrën e vizatuar, të pezulluar, aktive dhe të lidhjes së një etiketi të ankorimit, por me një stil inline, gjithçka që mund të stilit është vetë lidhja, sepse kjo është atributi i atributit të stilit .
Në fund të fundit, ne rekomandojmë të mos përdorim stilet inline për faqet e tua të internetit sepse ato shkaktojnë probleme dhe i bëjnë faqet më shumë punë për të ruajtur. E vetmja kohë që i përdorim ato është kur duam të kontrollojmë shpejt stilin gjatë zhvillimit. Pasi ta kemi marrë atë në kërkim të drejtë për atë element, ne e kalojmë atë në fletën tonë të jashtme të stilit.
Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard.