Stílusok meghatározása a Dreamweaver címkeválasztójával

A Dreamweaverben teljesen új stílusokat hozhat létre a hívás- vagy azonosítóválasztókkal, de olyan stílusokat is létrehozhat, amelyek megváltoztatják a meglévő HTML-címkék formázását. Ezek a stílusok jönnek létre a kulcsszó választó, ami szintén ismert, mint a tagokon . Amikor stílust határoz meg a címkeválasztó segítségével, megváltoztathatja bármely meglévő HTML-címke megjelenését, pozícióját és egyéb jellemzőit.

Sok HTML-címke már tartalmaz formázási beállításokat. Például a fejléccímkék tartalmazzák a szöveg stílusos formázását nagy félkövér betűtípus használatával. Amikor stílust hoz létre egy címkeválasztóval, figyelembe kell vennie a címkéhez már társított formázási beállításokat. A megadott beállítások vagy hozzáadódnak a meglévő formázáshoz, vagy felülírják a formázást.

Megkérdezheti: „Miért definiálnám újra a

címkét ahelyett, hogy csak új címsorstílust hozna létre az osztály vagy az azonosító választó segítségével?" Bár a HTML-címke újradefiniálása helyett megadhat egy új osztálystílust, néha jobb egy meglévő HTML-címke használata.

A fejlécstílusok különösen fontosak az interneten, mert a szöveget an

tag jól felismerhető, mint az oldal legfontosabb szövege. Többek között az an

címke különleges figyelmet kaphat a keresőmotoroktól.

Olyan stílus létrehozásához, amely újradefiniálja a HTML-címkét (például a

címke) a címkeválasztóval, először hozzon létre egy fájlt, vagy nyisson meg egy meglévőt, majd kövesse az alábbi lépéseket:

1A CSS Designer panel Selectors paneljén válassza ki azt a stíluslapot, amelyhez hozzá szeretné adni az új stílust.

Amikor stílust hoz létre egy meglévő HTML-címkéhez, nem kell magát a stílust alkalmaznia, ahogyan az osztály- és azonosítóstílusoknál teszi. Bárhol is használta a HTML címkét, a stílusdefiníciós beállítások érvényesek.

2Ha a stílust egy adott médiatípusra vagy képernyőméretre szeretné megcélozni, válasszon vagy határozzon meg egy médialekérdezést a @Media panelen.

A médialekérdezések stílusokkal való használata nem kötelező. Ha nem ad meg médialekérdezést, a Dreamweaver a Global tulajdonságot fogja használni, és az Ön stílusa minden médiaformátumban és képernyőméretben működni fog.

3 Kattintson a pluszjelre (+) a Selectors panelen.

Egy új választó kerül hozzáadásra a Kiválasztó panelhez.

Amikor a pluszjelre (+) kattint új választó létrehozásához, néhány dolog történhet, attól függően, hogy mi van már a Dreamweaverben megnyitott oldalon. Amikor először hoz létre stílust egy üres weboldalon, a Dreamweaver beírja a törzset a Selectors panelen.

Ha olyan oldalon dolgozik, amely szöveget vagy más tartalmat tartalmaz, amely HTML-címkékkel vagy stílusokkal van formázva, a Dreamweaver hozzáadhat egy összetett választót a kurzorral kiválasztott elemeket körülvevő elemek alapján.

4 A Kijelölők panelen kattintson duplán a kiválasztó nevére. Kezdje el beírni a HTML címke nevét, majd válassza ki a címkét a megjelenő legördülő listából.

Bármely HTML címke nevét megadhatja stílus létrehozásához a címkeválasztó segítségével. A HTML-címke beírásakor egy legördülő lista jelenik meg a címkékkel, amelyek a beírt betűvel kezdődnek. Jó gyakorlat, ha kiválasztja a kívánt címkét a listából, ahelyett, hogy a teljes címke nevét gépelné be, mert elkerülheti az elírásokat.

5 A Tulajdonságok panelen adja meg a stílusszabályban kívánt beállításokat.

A betűtípust és a színt a rendszer azonnal alkalmazza a következővel formázott oldalon lévő szövegre

címke.

Ha ugyanazt a HTML-címkét különböző formázással szeretné használni ugyanazon oldal különböző részein, összetett stílusokat hozhat létre. Az összetett stílusok hasznosak, ha például a szöveget a

címkét, hogy másképp nézzen ki az oldal fő részén, mint az oldalsávon.