Nola erabili XML CSS-rekin

CSS estilo HTML orriak nola ezagutzen dituzun jakitea, formatuaren kontzeptua eskertuko duzu. XML markatze-hizkuntzaren agerraldian, datuak bistaratzea zailagoa zen, baina estilo-orriekin aldatu zen.

Estilo orriaren erreferentzi bat gehituz, XML kodea web orri gisa formateatu eta bistaratu dezakezu. CSS gabe edo beste formatu batzuekin batera, XMLak oinarrizko testua da, nabigatzaileak ezin du formatuaren dokumentua aurkitu.

XML Estilismoaren adibidea

Estilo-orri sinple bat soilik eskatzen du datuak bistaratzeko beharrezko elementua eta formatu-atributuak zerrendatzea.

Kodearen bit honek erakusten du zein prozesutan erakutsiko dituen elementuak eta nola begiratu behar diren web orrian:

lagina {background-color: #ffffff; zabalera:% 100;} mymessage {erakutsi: blokea; background-color: # 999999; marjina-behean: 30pt;} gorputza {font-size: 50%}

Formateatze-fitxategiaren lehen lerroa erro-elementua da. Erroaren atributuak orrialde osoarentzako aplikatzen dira, baina etiketa bakoitzarentzat aldatzen dira. Horrek esan nahi du orriaren atzeko planoko kolorea hautatzeko eta gero atal bakoitzerako.

Gorde fitxategi hau zure XML fitxategiaren direktorio berdinean, eta ziurtatu .CSS fitxategiaren luzapena duela.

XMLrako CSSra loturiko XMLetik

Une honetan, bi dokumentu oso bereizi dira. Prozesadoreak ez du ideiarik elkarrekin lan egiteko web orri bat sortzeko nahi duzula.

Hau konpondu dezakezu CSS fitxategiaren bidea identifikatzen duen XML dokumentuaren goialdean. Eskaerak zuzenean XML adierazpen adierazpenaren azpian doa, honela:

Adibide honetan, CSS fitxategia produktu.css deritzo, horregatik XML dokumentuan etiketatuta dago. Aldatu CSS fitxategirako aukeratutako fitxategiaren izena.