CSS-elrendezés módosítása az Adobe CS5 Dreamweaverben

Az Abode Creative Suite 5 (Adobe CS5) Dreamweaver többféle módot kínál a lépcsőzetes stíluslapok oldalelrendezésének megváltoztatására. A CSS-elrendezést teljes mértékben stíluslapszabályok vezérlik, így közvetlenül a CSS-stílusok panelről és a Tulajdonságvizsgálóból módosíthatja az oldal megjelenését és hangulatát.

Az új oldalon minden oszlop, mező és hely a CSS-szabályok és -tulajdonságok segítségével van elhelyezve és méretezve, amelyek mindegyikét beállíthatja a Tulajdonságvizsgálóban (a CSS-stílusok panelen) vagy a CSS-szabálydefiníciós panelen.

Ha a CSS-stílusok panel még nincs megnyitva, válassza az Ablak→CSS-stílusok lehetőséget a megnyitásához.

Válassza az Összes lapot a stíluslap és annak szabályainak megjelenítéséhez.

A belső stíluslap a következőképpen jelenik meg:

címke.

Válassza ki a testszabályt.

Ez a címke-alapú stílus a teljes oldal általános formázását szabályozza (minden a címkén belül).

Kattintson a háttérszabály melletti mezőre a szerkesztéséhez; a #4E5869 (középszürke) beállítás megtartása helyett írjon be egy hexadecimális színt (például #CC0000 a piroshoz ) az oldal háttérszínének megváltoztatásához.

A Színtárak panel megnyitásához kattintson a színszabály melletti színmintára; válasszon új alapértelmezett típusszínt az oldalon lévő szöveghez.

A CSS-stílusok panel tetején válasszon egy másik stílust (például a .twoColElstHdr #container stílust) a tulajdonságainak megtekintéséhez.

A .twoColHybLtHdr #container ID stílus szabályozza a fő elrendezési tároló méretét és megjelenését az oldalon.

A Tulajdonságvizsgálóban szerkessze a tulajdonságokat a stílus megjelenésének módosításához.

Például megváltoztathatja a szabály szélességét, ha beír egy új számot a Szélességszabály szövegmezőbe. Ha például a 95% értéket adja meg, a teljes elrendezést szélesebbé teszi.

Az elrendezést alkotó minden oszlopot és szakaszt a CSS-stílusok panelen felsorolt ​​azonosítóstílusok egyike vezérel. A legtöbb azonosítóstílus rendelkezik egy szélesség tulajdonsággal, amellyel módosíthatja az oldalon lévő különböző területek méretét.

Folytassa a CSS-stílusok panelen felsorolt ​​különböző stílusok módosítását, és nézze meg, hogyan hatnak ezek az oldal különböző elemeire. Próbálja módosítani a típus színét, a betűcsaládot és más tulajdonságokat, például a kitöltést és a háttérszínt.

Ha meg szeretné tudni, hogy pontosan melyik azonosító vezérli melyik oszlopot vagy szakaszt, kattintson az oldal területére, és nézze meg a címkeválasztót a Dokumentum ablak alján. Az utolsó

A lánc végén található címke megmutatja, hogy melyik tárolóban van, és a megfelelő azonosítót a CSS-stílusok panelen (például ).

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.