A Stílusok használata munkaablak segítségével stílusokat alkalmazhat, távolíthat el, módosíthat, nevezhet át és törölhet; külső stíluslapokat csatlakoztathat vagy választhat le; kijelölheti egy adott stílus összes előfordulását; és megjelenítheti az adott stílus szabálykészletét tartalmazó kódot. A Stílusok használata munkaablakban minden stílus a hozzá tartozó szabályoknak megfelelően jelenik meg, így pusztán rátekintve egyszerűen azonosíthatja a használni kívánt stílust.
Tartalom
A Stílusok használata munkaablak
Amikor megnyit egy weblapot, a Stílusok használata munkaablak megjeleníti azokat a stílusokat, amelyek a lap összes stíluslapjában definiálva vannak (legyenek azok külső, beágyazott vagy belső stíluslapok). Az osztály- és az azonosítóalapú stílusok az őket tartalmazó külső .css kiterjesztésű stíluslap neve alatt vagy – ha a stílus egy belső stíluslapban van definiálva – az Aktuális lap csoportban jelennek meg. Az elemalapú stílusok ugyanígy vannak elrendezve, de az osztály- és az azonosítóalapú stílusok alatt egy külön csoportban jelennek meg, amelynek neve Környezetfüggő választási lehetőségek. Beállíthatja, hogy a munkalapon az összes stílus megjelenjen-e, vagy csak azok, amelyek az adott weblapon vagy a weblap aktuális kijelölésében szerepelnek. A választott beállítástól függetlenül az elemalapú és a beágyazott stílusok csak akkor jelennek meg a munkaablakban, ha a kurzort a stílust használó tartalomba helyezi, vagy ha kijelöli a stílust használó tartalmat.
Mind a Stílusok használata, mind a Stílusok kezelése munkaablak a megjelenített weblap szerkezete alapján állapítja meg a stílushivatkozásokat. Ez azt jelenti, hogy a Stílusok használata és a Stílusok kezelése munkaablak a mesterlapot és tartalomlapját egyetlen összecsukott weblapként kezeli. Ha például megnyit egy tartalomlapot, és a Beállítások gombra kattintva A jelenlegi lapon használt stílusok megjelenítése lehetőséget választja, a Stílusok használata munkaablak az összes olyan stílust megjeleníti, amely vagy a tartalomlapon vagy a hozzá csatolt mesterlapon található. Ennek az az oka, hogy a program a tartalomlapot és a stíluslapot egyesítve hozza létre a böngészőben megjelenített weblapot.
A Stílusok használata munkaablakban megjelenő stíluslistát rendezheti és szűkítheti úgy, hogy csak az aktuális weblapon vagy annak kijelölt területén lévő stílusokat tartalmazza. Ha egy stílus a munkaablak fehér háttere előtt nehezen vehető ki, választhat egy színt, és megjelenítheti azt a háttértulajdonságot nem tartalmazó stílusok mögött a munkaablakban.
Tipp Ha egy stílus összes szabályát elemleírásként ideiglenesen meg szeretné jeleníteni, mutasson a stílus nevére a Stílusok használata munkaablakban.
A
Stílusok törlése elemre kattintva az összes osztályalapú és beágyazott stílust eltávolíthatja az aktuális kijelölésből
Az
Aktuális lap csoportban találhatók a belső CSS-fájlokban és az importált külső CSS-fájlokban lévő osztály- és azonosítóalapú stílusok
Az aktuális weblapba importált külső CSS-fájl
Az aktuális weblapon a belső CSS-fájlban definiált stílus
Az aktuális weblapról hivatkozott külső CSS-fájl
Az aktuális kijelölésben használt stílusok körül folytonos négyszögletes szegély látható
A
Környezetfüggő választási lehetőségek csoport az aktuális kijelölésben lévő elemalapú stílusokat tartalmazza
A csatolt külső CSS-fájlban (events.css) lévő osztály- és azonosítóalapú stílusok
Minden stílushoz tartozik egy legördülő menü, amelyben számos, stílussal kapcsolatos művelet elvégezhető. A menü megjelenítéséhez mutasson a stílus nevére, majd kattintson a megjelenő nyílra, vagy kattintson a jobb gombbal a stílusra
Vissza a lap tetejére
A Stílusok használata munkaablakban látható szimbólumok
A Stílusok használata munkaablakban a stílusok mellett megjelenő egyes szimbólumok az adott stílus típusára utalnak, és jelzik, hogy az aktuális weblapon használatban van-e.
| Szimbólum |
Leírás |
 |
Vörös pont, amely az azonosítóalapú stílusok mellett látható |
 |
Zöld pont, amely az osztályalapú stílusok mellett látható |
 |
Kék pont, amely az elemalapú stílusok mellett látható |
 |
Sárga pont, amely a beágyazott stílusok mellett látható |
 |
Bekarikázott színes pont, amely az aktuális weblapon használt stílusok mellett látható |
 |
@ karakter, amely az importált CSS-fájlok mellett látható |
Vissza a lap tetejére
A stílusok rendezése a Stílusok használata munkaablakban
- A Stílusok használata munkaablakban kattintson a Beállítások gombra, majd tegye a következők egyikét:
- Ha abban a sorrendben szeretné a stílusokat rendezni, amelyben a CSS-fájlban megjelennek, válassza a Sorrend szerinti kategóriák lehetőséget.
- Ha a stílusokat betűrendben és típusuk (osztály- vagy azonosítóalapú) szerint szeretné rendezni, válassza a Típus szerinti kategóriák lehetőséget.
Vissza a lap tetejére
Stílusok megjelenítése és elrejtése a Stílusok használata munkaablakban
- A Stílusok használata munkaablakban kattintson a Beállítások gombra, majd tegye a következők egyikét:
- Az aktuális weblap külső, belső vagy beágyazott stíluslapjaiban lévő összes stílus megjelenítéséhez válassza Az összes stílus megjelenítése lehetőséget.
- Ha csak az aktuális weblapon használt stílusokat szeretné megjeleníteni, válassza A jelenlegi lapon használt stílusok megjelenítése lehetőséget.
- Ha csak a weblapon kijelölt területen használt stílusokat szeretné megjeleníteni, válassza A kijelöltekben használt stílusok megjelenítése lehetőséget.
Megjegyzés: Az elemalapú és a beágyazott stílusok csak akkor jelennek meg a Stílusok használata munkaablakban, ha a kurzort a stílust használó tartalomba helyezi, vagy ha kijelöli a stílust használó tartalmat.
Vissza a lap tetejére
Színes háttér megjelenítése a Stílusok használata munkaablakban azon stílusok mögött, amelyek nem rendelkeznek háttértulajdonságot leíró szabállyal
- A Stílusok használata munkaablakban kattintson a Beállítások gombra, majd válassza a Háttérszín megtekintése lehetőséget.
- A További színek párbeszédpanelen jelölje ki a kívánt színt, majd kattintson az OK gombra.
Vissza a lap tetejére
