A Dreamweaverben a Window/CSS Styles menüpont vagy a SHIFT F11 billentyűkombináció segítségével jeleníthetjük meg a stíluslapok kezelésére szolgáló CSS Styles palettát. Használata sok tekintetben hasonlít a már megismert HTML Styles paletta használatára: Új stílust a paletta jobb alsó sarkán található új stílus ikonnal (a második ikonnal), vagy a helyi menü New pontjával hozhatunk létre. Ezután a megjelenő dialógusablakban meg kell határozni a stílus helyét (New Style Sheet File, új stíluslap fájlban) vagy This Document Only (csak ebben a dokumentumban), és létrehozásának típusát: Make Custom Style (class), vagyis egyéni stílusosztály definiálás segítségével. A stílusosztályra az itt megadott (mindig egy ponttal (.) kezdődő) névvel lehet hivatkozni, egy html-taghez (az ún. CSS-kiválasztóhoz, CSS selector-hoz) lehet hozzárendelni. A hozzárendelés az adott tag class attribútumában a stílusosztály nevének megadásával történik. Beállításait az OK gomb megnyomása után lehet megadni. Redefine HTML Tag, vagyis az adott HTML elem alapértelmezett tulajdonságainak felülírásával. Ezzel egy tag-et választhatunk ki, amelynek tulajdonságait szeretnénk módosítani. A tag későbbi előfordulásaiban ezt a tulajdonságot még felülírhatjuk. Use CSS Selector, vagyis css választó segítségével a megadott (begépelt) tagek csoportját vagy a listából kiválasztható hivatkozások ( a:active: aktív, a: visited:látogatott, a: link:normál és a: hover: az egér éppen a link felett van) megjelenését lehet befolyásolni. Type: a betű tulajdonságait lehet itt beállítani. Background: a háttérbeállítások megadására. Block: szövegblokkok, bekezdések tulajdonságainak beállítására használható. Box: képek, és szövegdobozok tulajdonságait lehet vele beállítani. Border: keretek, szegélyek tulajdonságainak megadására használható List: listák, felsorolások,számozások tulajdonságainak megadásához lehet használni. Positioning: az elemek pontos elhelyezésére, pozícionálására használható. Extensions: az itt található bővítményekkel és a filterekkel a képek elhelyezését, illetve a használt színek megjelenítését változtathatjuk meg, pl. szürkeskálás effektet, vagy árnyékhatásokat érhetünk el. A már létező CSS stílusokat a CSS Styles paletta helyi menüjében található Edit paranccsal, illetőleg az Edit ikonnal (a harmadikkal) tudjuk megnézni, illetve módosítani. A már nem szükséges CSS stílusokat a CSS Styles palettán a kuka ikonra vonszolással törölhetjük. Egy már alkalmazott sílust a stílus nevére kattintva lehet a kijelölt oldalelemen érvényesíteni. Egy létező stíluslapfájlt (.css-t) a paletta jobb alsó sarkában levő Attach StyleSheet ikonnal rendelhetünk hozzá az oldalhoz. A szerző honlapja: http://fodorsi.ini.hu
Harder
Profil
