Video: Landing Page Optimization Course - Landing Page Images & Videos [Peep Laja] 2025
Du kan endre attributter av en hvilken som helst stil i Dreamweaver etter at du har opprettet den ved å redigere stildefinisjonen. Dette er hvor noen av de største fordelene med Cascading Style Sheets kommer inn i spill. Du kan gjøre globale endringer på en side (eller til og med på et helt nettsted) ved å endre en stil; Når du endrer stilen, blir endringene automatisk brukt til hvert element som bruker stilen.
En av grunnene til at eksterne stilark er så verdifulle er at du kan lage stiler som brukes på alle eller alle sidene på et nettsted. Vær imidlertid oppmerksom på at denne evnen også kan føre til problemer. Hvis du bestemmer deg for å redigere en stil når du bruker den på en ny side, ikke glem at du vil endre formateringen overalt, du allerede har brukt den stilen.
Du kan opprette nye stiler ved å duplisere en eksisterende stil, gi den et nytt navn, og deretter endre stildefinisjonene. Dette tidsbesparende trikset er nyttig når du vil opprette en ny stil som ligner på en eksisterende.
Følg disse trinnene for å redigere en eksisterende stil (om den ble opprettet ved hjelp av klassen, taggen eller ID-velgeren):
-
Åpne CSS Designer-panelet ved å velge Vindu → CSS-stiler.
-
Velg navnet på en eksisterende stil i CSS Designer Selectors-panelet.
Stilreglene vises i Egenskaper-panelet.
Hvis du vil redigere en stil som allerede har blitt brukt til å formatere tekst, bilder eller annet innhold på siden som er åpent i Dreamweaver, velger du innholdet. Navnet på stilen som brukes på det aktuelle innholdet, vises i Selectors-panelet, noe som gjør det enkelt å finne og redigere.
-
Rediger innstillingene for stilen du ønsker.
-
Hvis du redigerer en stil i dialogboksen CSS-regeldefinisjon, brukes endringer automatisk når du klikker på Bruk-knappen eller når du klikker OK.
-
Hvis du redigerer en stildefinisjon i Egenskaper-panelet, , blir endringene automatisk brukt så snart du trykker Retur eller Enter-tasten eller klikker utenfor formateringsfeltet i panelet.
-
