Az XML használata a CSS segítségével

Ha tisztában van azzal, hogy a CSS HTML- oldalak stílusa hogyan értékeli a formázás fogalmát. Az XML jelölőnyelv megjelenésekor az adatok megjelenítése meglehetősen bonyolult volt, de stílusjegyekkel megváltozott.

A stíluslap hivatkozás hozzáadásával formázhatja és megjelenítheti az XML-kódot weboldalként. CSS vagy más formázás nélkül az XML szöveges szövegként jelenik meg, hibát jelezve, hogy a böngésző nem talált formázási dokumentumot.

XML Styling Példa

Egy egyszerű stíluslap csak az elem megjelenítéséhez és az adatok megjelenítéséhez szükséges formázási attribútumokat tartalmazza.

Ez a kódkód megmondja a processzornak, hogy mely elemeket kell megjeleníteni és hogyan kell a weblapra nézni, például:

minta {háttérszín: #ffffff; szélesség: 100%;} mymessage {display: blokk; háttérszín: # 999999; margó-alsó: 30pt;} body {font-size: 50%}

A formázási fájl első sorai a gyökérelemek. A gyökér attribútumai az egész oldalra vonatkoznak, de az egyes címkékre változik. Ez azt jelenti, hogy kijelölheti az oldal háttérszínét, majd ismét az egyes szakaszokat.

Mentse ezt a fájlt ugyanarra a könyvtárba, mint az XML-fájl, és győződjön meg róla, hogy rendelkezik .CSS fájlkiterjesztéssel.

Link a CSS-hez Az XML-ből

Ezen a ponton két teljesen külön dokumentum található. A processzornak fogalma sincs, hogy együtt szeretnének dolgozni egy weblap létrehozásához .

Ezt megoldhatja azáltal, hogy hozzáfűzi az XML-dokumentum tetejére vonatkozó nyilatkozatot, amely azonosítja a CSS-fájl elérési útját. A nyilatkozat közvetlenül a kezdeti XML deklaráció kimutatásához vezet, így:

Ebben a példában a CSS-fájlt products.css-nek hívják, ezért az XML-dokumentumban ilyennek nevezik. Módosítsa azt a fájlnévre, amelyet a CSS fájlhoz választott.