Know-how, előadás, xml-dokumentumok megjelenítése a lépcsőzetes stílusok táblázata segítségével

Ha az egyik RGB formátumot használja, számos más színt hozhat létre, amelyek nem szerepelnek a táblázatban. Valójában, mindegyik összetevőhöz 256 különböző értéket rendelhet, amelyek összesen 16777216 különböző színt adnak (256 * 256 * 256). Ha olyan dokumentumot jelenít meg egy olyan rendszerben, amelynek színmélysége legalább 24 bit, akkor a monitor ténylegesen megjelenítheti a különböző színeket.







Állítsa be a háttér tulajdonságait

A CSS szabvány a következő tulajdonságokat támogatja, lehetővé téve az elem hátterének módosítását:

A háttér az elemek szövegének egyéni karaktereit körülvevő terület. Háttérként egy színt vagy képet állíthat be.

Technikailag a gyerekek nem örökölik a háttér tulajdonságait. Alapértelmezés szerint azonban az elem háttere átlátszó. Ez azt jelenti, hogy ha figyelmen kívül hagyja a gyermek elem összes háttértulajdonságát, akkor a szülőelem (vagy böngésző) háttérszíne vagy rajza látható lesz. a gyermek elem háttere ugyanaz lesz, mint a szülőelem háttere.

A háttérszín tulajdonság beállítása

Beállíthatja az elem (kitöltés) háttérszínét úgy, hogy színértéket rendel a háttérszín tulajdonsághoz. (A színértékek különböző típusairól bővebben lásd a fejezet "Korábbi értékek megadása" című fejezetet.) Például a következő szabály határozza meg a TITLE elem háttérszínét:

Emlékezzünk vissza, hogy a szín tulajdonság határozza meg az elem saját karaktereinek színét. Így a következő szabály sárga alapon kék betűt hoz létre:

Ha nem szeretné megadni az elem szilárd háttérszínét, akkor a háttérszín tulajdonság áttetszővé tehető, például:

Más megoldásként, mivel az átlátszó érték alapértelmezés szerint be van állítva, egyszerűen elhagyhatja az elem háttérszín tulajdonságát. Ha nem állítja be ennek az elemnek a hátterét, ha az átlátszó érték be van állítva, akkor a szülőelem (vagy böngésző) háttere látható lesz.







A háttérkép tulajdonságának beállítása

Felvehet egy háttérképet egy elemhez a háttérkép tulajdonságának a képfájl URL-jéhez való hozzárendelésével. (Az URL-címre vonatkozó információ az ebben a fejezetben található "Korábbi URL-ek" beillesztése.) Például, a következő szabály a Leaf .bmp fájlban lévő háttérképhez tartozó STANZA elemet állítja be:

További megfontolásokhoz használja a stíluslapot a 7.3. amely a 7.4. mellékletben bemutatott XML dokumentumhoz kapcsolódik.

Ne feledje, hogy a kép megismétlődik, ha az elem tartalma által elfoglalt teljes terület kitöltődik, elérve a böngészőablak majdnem jobb szélét. (A következő részben, "A háttér-ismétlés tulajdonságának beállítása", megtudhatja, hogyan szabályozza a kitöltést.) A kép bármely része, amely kívül esik az elem szövegén (alul vagy felül), le van vágva. Ebben a példában az egyes STANZA elemek alsó sorában lévő képek csak nagyon kicsi részét vágják le.

Ha nem szeretne hátteret beállítani az elemhez, akkor a háttérkép tulajdonságát nem adhatja meg, például:

Vagy, mivel egyik sem az alapértelmezett érték, elhagyhatja az elem háttérkép tulajdonságát. Ha nem hozzárendel egy tömör kitöltést az elemhez (kép nélkül), a beállítás egyetlen sem okozza a szülő (vagy a böngésző) háttérének láthatóságát.

Megjegyzés. Ha az elemhez egyaránt hozzárendel egy háttérképet és egy tömör színt (háttérszín tulajdonsággal), akkor a rajz a kitöltés fölé kerül.

A háttér-ismétlő tulajdonság beállítása

Ha háttérképet rendelt egy képfájlhoz, akkor ellenőrizheti a kép ismétlését, ha a háttér-ismétlő tulajdonságot hozzárendeli az alábbi kulcsszavak valamelyikéhez:

  • ismétlés (alapértelmezett). A képeket mind vízszintesen, mind függőlegesen ismétli. Mivel ez az érték alapértelmezés szerint be van állítva, a háttérkép ismétlésének hozzáadása a STANZA szabályhoz a 7.3 listából (lásd alább) nem befolyásolja a dokumentum megjelenítésének módját, amint azt a 7.10. Ábra mutatja.
  • repeat-x. A képet csak vízszintes irányban ismételve. Például a következő STANZA szabály jeleníti meg a dokumentumot, amint azt a 7.11. Ábra mutatja.
  • repeat-y. A kép csak függőleges irányban ismétlődik. Például a következő STANZA szabály jeleníti meg a dokumentumot, amint azt a 7.12. Ábra mutatja.
  • no-repeat. Egy kép megjelenítéséhez vezet. Például a következő STANZA szabály jeleníti meg a dokumentumot, amint a 7.13. Ábrán látható.