Váltás a CSS és a HTML mód között a Dreamweaver Property Inspector alkalmazásban

A Dreamweaver munkaterület aljáról elérhető Tulajdonságvizsgáló megjeleníti az oldal bármely kiválasztott eleméhez elérhető tulajdonságokat. Így a Tulajdonságellenőrző beállításai eltérnek egy kép kiválasztásakor, mint például a szöveg kiválasztásakor.

Ha nincs kijelölve semmi, vagy ha szöveget jelöl ki egy oldalon, a Tulajdonságvizsgáló két részre oszlik: HTML és CSS.

Vegye figyelembe, hogy az ingatlanfelügyelő bal oldalán található gombok megkönnyítik a két mód közötti váltást.

Ha még nem ismeri a CSS-t és a HTML-t, a két mód közötti különbségek megértése kissé zavaró lehet. Lényegében, ha formázási ikont, például félkövért használ HTML módban, a Dreamweaver hozzáadja a HTML címkét, amely a legtöbb webböngészőben félkövéren jelenik meg. Ha ugyanazt az ikont használja CSS módban, a Dreamweaver automatikusan létrehoz egy stílusszabályt, amely tartalmazza a félkövér formázási lehetőséget.

CSS módban a meglévő stílusok szerkesztését is megadhatja, hogy új formázási beállításokat adjon azokhoz a stílusokhoz, amelyeket már alkalmaznak az oldal szövegére, képére vagy egyéb elemeire. Meglévő stílust szerkeszthet úgy, hogy egyszerűen kiválasztja a stílust a Célzott szabály legördülő listában, majd a Tulajdonságvizsgáló Betűtípus, Méret és egyéb mezőinek használatával módosításokat vagy kiegészítéseket hajthat végre.

Amikor olyan meglévő stílust szerkeszt, amelyet már alkalmaztak az oldalon lévő elemekre, a stíluson végrehajtott módosítások automatikusan alkalmazásra kerülnek bárhol, ahol a stílust használják. Ez a funkció nagyszerű, ha egyszerre több dolgot szeretne megváltoztatni, de problémás lehet, ha azt szeretné, hogy egy elem (például egy címsor) így jelenjen meg az egyik oldalon, és másképpen máshol.

Bármikor, amikor stílust szeretne létrehozni vagy szerkeszteni, használja a Tulajdonságvizsgálót CSS módban. Másrészt, ha egy meglévő stílust szeretne alkalmazni az oldalon lévő elemre, győződjön meg arról, hogy HTML módban van. Például egy kép osztálystílushoz igazítása vagy azonosító stílus alkalmazása a

címkét, akkor HTML módban kell lennie.

Stílus HTML módban történő alkalmazásához jelölje ki a képet, szöveget vagy más elemet azon az oldalon, amelyen alkalmazni kívánja a stílust, majd használja a Class vagy ID legördülő listákat a stílus kiválasztásához; A Dreamweaver automatikusan alkalmazza.

Hasonlóképpen egy HTML-címke, például a

címkét, akkor HTML módban kell lennie. De létrehoz vagy szerkeszt egy CSS-szabályt a

címkét CSS módban. Természetesen nem kell stílusokat létrehoznia vagy szerkesztenie a Tulajdonságvizsgálóval. Tekintsük ezt egy parancsikon módszernek; továbbra is előnyben részesítheti a CSS Designer panelt a stílus jelentős módosításához.