Lär dig hur du tillämpar, tar bort eller byter namn på CSS-klassformat i Dreamweaver
I Dreamweaver och senare har CSS-formatpanelen ersatts med CSS Designer. Mer information finns i CSS Designer.
Klassformat är den enda typen av CSS-format som kan tillämpas på valfri text i ett dokument, oavsett vilka taggar som styr texten. Alla klassformat som är associerade med det aktuella dokumentet visas i panelen CSS Styles (med en punkt [.] före namnet) och i popup-menyn Style i egenskapsinspektorn för text.
Du kommer att se de flesta format uppdaterade omedelbart, men du bör förhandsgranska din sida i en webbläsare för att verifiera att ett format tillämpades som förväntat. När du tillämpar två eller flera format på samma text kan formaten komma i konflikt och producera oväntade resultat.
När du förhandsgranskar format som definieras i en extern CSS-formatmall, se till att spara formatmallen för att säkerställa att dina ändringar reflekteras när du förhandsgranskar sidan i en webbläsare.
Använda ett CSS-klassformat
Placera markören i ett stycke för att tillämpa formatet på hela stycket.
Om du väljer ett textområde inom ett enda stycke påverkar CSS-formatet endast det valda området.
För att specificera den exakta tagg som CSS-formatet ska tillämpas på, välj taggen i taggväljaren som finns längst ned till vänster i dokumentfönstret.
I CSS Styles-panelen (Window > CSS Styles) väljer du All-läge, högerklickar på namnet på det format du vill tillämpa och väljer Apply från snabbmenyn.
I HTML Property inspector väljer du det klassformat du vill tillämpa från Class-popup-menyn.
I dokumentfönstret högerklickar du (Windows) eller Control-klickar (Macintosh) på den valda texten, och i snabbmenyn väljer du CSS Styles och sedan det format du vill tillämpa.
Välj Format > CSS Styles, och i undermenyn väljer du det format du vill tillämpa.
Ta bort ett klassformat från en markering
Döpa om ett klassformat
Du kan också döpa om en klass genom att välja Rename Class från CSS Styles-panelens alternativmeny.
Om klassen du döper om är intern i dokumentets head ändrar Dreamweaver klassnamnet samt alla instanser av klassnamnet i det aktuella dokumentet.Om klassen du döper om finns i en extern CSS-fil öppnar och ändrar Dreamweaver klassnamnet i filen. Dreamweaver startar också en webbplatsövergripande Find and Replace-dialogruta så att du kan söka efter alla instanser av det gamla klassnamnet på din webbplats.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.