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:
xml verzió = "1.0" encoding = "UTF-8"?> xml-stylesheet type = "text / css" href = "products.css"?>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.