Si të përdorni XML me CSS

Nëse jeni të njohur me mënyrën se si CSS stilet HTML faqet, ju do të vlerësojmë konceptin e formatimit. Në fillimin e gjuhës markup XML , shfaqja e të dhënave ishte pak e komplikuar, por që ndryshoi me fletët e stilit.

Duke shtuar një referencë për fletët e stilit, mund të formatoni dhe të shfaqni kodin tuaj XML si një faqe interneti. Pa CSS ose ndonjë formatim tjetër, XML shfaqet si tekst bazë me një gabim që thotë se shfletuesi nuk mundi të gjejë një dokument të formatimit.

Shembull i Stilimit XML

Një fletë e stilit të thjeshtë kërkon vetëm që të rendisni elementin dhe atributet e formatimit të nevojshme për të shfaqur të dhënat.

Ky bit i kodit tregon procesorin se cilat elemente duhet të shfaqen dhe se si duhet të shikojnë në faqen e internetit, si kjo:

mostër {background-color: #ffffff; gjerësia: 100%;} mymessage {display: bllok; background-color: # 999999; marzhi i poshtëm: 30pt;} trupi {font-size: 50%}

Linja e parë e skedarit të formatimit është elementi rrënjësor. Atributet për rrënjë aplikohen në të gjithë faqen, por ju ndryshoni ato për secilën etiketë. Kjo do të thotë që ju mund të përcaktoni ngjyrën e sfondit për faqen dhe pastaj përsëri për çdo seksion.

Ruajeni këtë skedar në të njëjtën dosje si skedari juaj XML dhe sigurohuni që të ketë zgjërimin e skedarit .CSS.

Lidhje me CSS Nga XML

Në këtë pikë, këto janë dy dokumente tërësisht të ndara. Procesori nuk ka idenë që ju dëshironi që ata të punojnë së bashku për të krijuar një faqe interneti .

Ju mund ta rregulloni këtë duke shtuar një deklaratë në krye të dokumentit XML që identifikon rrugën e skedarit CSS. Deklarata shkon drejtpërsëdrejti në deklaratën fillestare të deklaratës XML, si kjo:

Në këtë shembull, skedari CSS quhet products.css , prandaj është i etiketuar si i tillë në dokumentin XML. Ndryshoni atë në çfarëdo emri të skedarit që keni zgjedhur për skedarin CSS.