Inline, embedded, and external style sheets: Ja se çfarë duhet të dini
Zhvillimi i faqes së internetit të frontit shpesh paraqitet si një stol me tri këmbë. Këto këmbë janë si më poshtë:
Pika e dytë e këtij stol, CSS ose Cascading Style Sheets, është ajo që ne po shohim këtu sot. Në mënyrë të veçantë, ne duam të trajtojmë 3 llojet e stileve që mund të shtoni në një dokument.
- Stilet Inline
- Stilet e integruara
- Stilet e jashtme
Secili nga këto stile CSS ka përfitimet dhe mangësitë e tyre, kështu që le të bëjmë një vështrim më të thellë në secilën prej tyre individualisht.
Inline Styles
Stilet inline janë stile që janë të shkruara drejtpërdrejt në tag në dokumentin HTML. Stilet inline prekin vetëm etiketën specifike për të cilën aplikohen. Këtu është një shembull i një stili inline që zbatohet për një lidhje standarde, ose spirancë, tag:
Ky rregull CSS do të kthejë standardin nënvizoj dekoratë tekst off këtë lidhje një. Megjithatë, nuk do të ndryshojë asnjë lidhje tjetër në faqe. Kjo është një nga kufizimet e stileve inline. Meqenëse ato ndryshojnë vetëm në një artikull të caktuar, do të duhet të mbetni HTML me këto stile për të arritur një dizajn të faqes aktuale. Kjo nuk është një praktikë e mirë. Në fakt, është një hap i hequr nga ditët e etiketave "font" dhe përzierja e strukturës dhe stilit në faqet e internetit.
Stilet Inline gjithashtu kanë specifikë shumë të lartë.
Kjo i bën ata shumë të vështirë të mbishkruajnë me stile të tjera jo-inline. Për shembull, nëse doni të bëni një vend të përgjegjshëm dhe të ndryshoni se si një element duket në pika të caktuara të caktuara duke përdorur pyetje mediale , stilet inline në një element do ta bëjnë këtë shumë të vështirë për të bërë.
Në fund të fundit, stilet inline janë me të vërtetë të përshtatshme vetëm kur përdoren shumë me masë.
Në fakt, unë rrallëherë përdorin stilet inline në faqet e mia web.
Stilet e Embedded
Stilet e ngulitura janë stilet që futen në kokën e dokumentit. Stilet e integruar ndikojnë vetëm në etiketat në faqen në të cilën janë përfshirë. Edhe një herë, kjo qasje anulon një nga pikat e forta të CSS. Që nga çdo faqe do të ketë stilet në
, nëse dëshironi të bëni një ndryshim të sitewide, si ndryshimi i ngjyrës së lidhjeve nga e kuqe në të gjelbër, do të duhet të bëni këtë ndryshim në çdo faqe, pasi që çdo faqe përdor një fletë të stilit të ngulitur. Kjo është më mirë se stilet e inline, por ende problematike në shumë raste.
Stylesheets që janë shtuar në
të një dokumenti gjithashtu shtojnë një sasi të konsiderueshme të kodit të shënimit në atë faqe, gjë që gjithashtu mund ta bëjë faqen më të vështirë për tu menaxhuar në të ardhmen.
Përfitimi i fletëve të stilit të ngulitur është që ngarkesa të bëhet menjëherë me vetë faqen, në vend që të ngarkohen skedarët e tjerë të jashtëm. Kjo mund të jetë një përfitim nga një shpejtësi shkarkimi dhe perspektiva e performancës .
Fletët e jashtme të stilit
Shumica e faqeve sot përdorin fletët e stilit të jashtëm. Stilet e jashtme janë stile që janë shkruar në një dokument të veçantë dhe pastaj bashkëngjiten në dokumente të ndryshme të internetit. Fletët e stilit të jashtëm mund të ndikojnë në çdo dokument që i bashkëngjiten, gjë që do të thotë se në qoftë se keni një faqe interneti prej 20 faqesh ku secila faqe përdor të njëjtën fletë stili (kjo zakonisht është bërë), mund të bëni një ndryshim vizual për secilin e atyre faqeve thjesht duke redaktuar atë fletë stili.
Kjo e bën menaxhimin afatgjatë të siteve shumë më të lehtë.
Dobësitë në fletët e stilit të jashtëm janë se ato kërkojnë që faqet të marrin dhe ngarkojnë këto skedarë të jashtëm. Jo çdo faqe do të përdorë çdo stil në fletën CSS, kështu që shumë faqe do të ngarkojnë një faqe CSS shumë më të madhe sesa ajo në të vërtetë.
Ndërsa është e vërtetë se ekziston një hit i performancës për skedarët e jashtëm të CSS, sigurisht që mund të minimizohet. Realisht, dosjet CSS janë vetëm skedarë teksti, prandaj në përgjithësi ato nuk janë shumë të mëdha për të filluar. Nëse i gjithë faqja juaj përdor një skedar 1 CSS, gjithashtu përfitoni nga dokumenti që po kopjohet pasi të jetë ngarkuar fillimisht.
Kjo do të thotë që mund të ketë një goditje të lehtë në faqen e parë disa vizita, por faqet e mëvonshme do të përdorin skedarin CSS të kopjuar, kështu që çdo hit do të mohohet. Skedarët e jashtëm të CSS janë si i krijoj të gjitha webfaqet e mia.