15 – Stíluslapok használata a Dreamweaverben

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ó hivat­kozá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

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét