A lépcsőzetes stíluslap alapjai az Adobe CS5 Dreamweaverben

Az Adobe Creative Suite 5 (Adobe CS5) A Dreamweaver lépcsőzetes stíluslapokat (CSS) használ a weboldal szövegének formázására, és még olyan kezdőoldalakat is kínál, amelyek CSS-modell-elrendezéssel és stílusjegyekkel rendelkeznek.

A Cascading Style Sheets (CSS) használata szabványos módszer a weboldalak szövegének és egyéb elemeinek stíluszására. A hatékony stíluslap-tervező eszköz lehetővé teszi, hogy gyorsan hozzárendeljen tulajdonságokat a típusokhoz és más oldalelemekhez, és néhány egyszerű lépésben frissítse az összes példányt. A Cascading Style Sheets név azokra a lépcsőzetes szabályokra utal, amelyek akkor érvényesek, ha több stílust (és stíluslapot) használnak egyszerre.

Ha sok különböző stílust alkalmaz egy oldalra, akár az oldalra építve, akár külső stíluslapokhoz kapcsolódnak, ütközések adódhatnak. Ütközések akkor fordulnak elő, ha két (vagy több) stílus különböző tulajdonságokat rendel ugyanahhoz az elemhez.

Például, ha egy belső stíluslapon megadja, hogy bármely félkövér elem kék színű, de egy külső stíluslap arra utasítja a böngészőt, hogy minden félkövér elemet pirosként jelenítsen meg, melyik stílus nyer? A belső stíluslap kék utasítása nyer. Alapértelmezés szerint a weboldal stíluslapja felülírja a böngésző alapértelmezett értékeit.

A stíluslapok konzisztensek a legtöbb modern böngészőverzióban, de előfordulhat, hogy egyes régebbi böngészők nem nyújtanak konzisztens (ha van ilyen) CSS-támogatást. Mindig tekintse meg az oldalak előnézetét több böngészőben, vagy használja a Böngésző kompatibilitás ellenőrzése gombot (a Dokumentum eszköztár Böngészőkompatibilitás ellenőrzése listája alatt található), hogy tesztelje a használt CSS-tulajdonságokat különböző böngészőkben és verziókban.

A Dreamweaver CS5 kizárólag a Cascading Styles Sheets-t (CSS) használja a szöveg formázására, és már nem nyújt közvetlen támogatást a címkékhez. Továbbra is hozzáadhat címkéket, ha feltétlenül szükséges, a Beszúrás → Címke menüpontban.

A Dreamweaver olyan CSS-indító oldalakat kínál, amelyeken elérhető CSS-elrendezés, és amelyek csak Kódnézetben látható CSS-tippeket tartalmaznak. Keresse meg a CSS kezdőoldalait a Fájl→Új→Üres oldal→HTML-sablon menüpontban.

A lépcsőzetes stíluslap alapjai az Adobe CS5 Dreamweaverben

Hasznos CSS-tippek vannak beépítve a CSS kezdőoldalaiba.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.