Kā lietot XML ar CSS

Ja jūs esat iepazinies ar to, kā CSS stils HTML lapās, jūs novērtēsit formēšanas jēdzienu. XML marķējuma valodas sākumā datu parādīšana bija nedaudz sarežģīta, bet tā mainījās ar stilu lapām.

Pievienojot stilu lapas atsauci, jūs varat formatēt un parādīt savu XML kodu kā tīmekļa lapu. Bez CSS vai kāda cita formatējuma XML tiek parādīts kā pamatteksts ar kļūdu, kas norāda, ka pārlūkprogramma nevarēja atrast formatēšanas dokumentu.

XML stilizācijas piemērs

Vienkārša stila lapa prasa tikai to elementu sarakstu un formatējumu atribūtus, kas vajadzīgi, lai parādītu datus.

Šis koda bits paraksta procesoram, kādi elementi jāparāda un kā tie jāizskatās tīmekļa lapā, piemēram:

paraugs {fona krāsa: #ffffff; platums: 100%;} mymessage {display: block; fona krāsa: # 999999; margin-bottom: 30pt;) iestāde {font-size: 50%}

Formatēšanas faila pirmā rinda ir saknes elements. Saknes atribūti attiecas uz visu lapu, taču jūs to maināt katram tagam. Tas nozīmē, ka varat norādīt lapas fona krāsu un pēc tam atkal katrai sadaļai.

Saglabājiet šo failu tajā pašā direktorijā kā jūsu XML fails un pārliecinieties, vai tam ir CSS faila paplašinājums.

Saite uz CSS No XML

Šajā brīdī šie ir divi pilnīgi atsevišķi dokumenti. Pārstrādātājam nav ne jausmas, ka jūs vēlaties, lai viņi sadarbotos, lai izveidotu tīmekļa lapu .

To var novērst, pievienojot paziņojumu XML dokumenta augšdaļā, kas identificē ceļu uz CSS failu. Šis paziņojums ir tieši zem sākotnējā XML deklarācijas paziņojuma, piemēram:

Šajā piemērā CSS fails tiek saukts par products.css , tāpēc XML dokumentā tā tiek marķēta kā tāda. Mainiet to uz jebkuru faila nosaukumu, kuru izvēlējāties CSS failam.