CSS grunnleggende i Adobe Dreamweaver

1. Åpne en ny HTML-dokument og skrive noe.
2. Klikk Vindu Hotell og velg CSS
å åpne CSS-stiler vinduet på høyre side.
3. Klikk på New CSS Rule
.
4. I nytt vindu sett: Selector Type
: Klasse (kan gjelde for alle HTML-element), på Selector Name
skrive noe navn, på Rule Definition
velg (New Style Sheet File).
Klikk OK
.
5. New åpnes. Her må du nevne CSS-fil, hvor alle fontene vil bli lagret.

navn på filen og klikk Lagre
.
6. I nytt vindu må vi definere skriftstil for stil Tittel.
Velg en skriftstil og alle størrelser og klikk OK
.
7. Vi har laget stil font Tittel.
Nå vil vi lage en ny. Klikk New CSS Rule
.
8. Skriv inn et navn for ny stil og Rule Definition
velge stilen du har laget før.
Klikk OK
.
9. I innstillingsvinduet definere egenskaper for stil tekst. Velg skriftstil, størrelse og farge.
Klikk OK
.
10. Vi har opprettet CSS-stiler. Nå vil vi bruke den.

Velg første punktum.
11. Nedenfor under Propertiese
Klasse feltet
velge stil Tittel
.
12. Skriftstil for første punktum er endret.
13. Nå gjør det samme for den andre setningen, bare denne gangen bruke den andre stilen.
14. Jeg vil vise deg hvordan du kan bruke disse stilene også for en annen side.

Åpne ny eller eksisterende side, og du vil legge merke til, trenger du ikke har noen alternativer i rullegardinmenyen for stiler.
15. Velg Legg Style Sheet
...
16. I nytt vindu på Fil /URL
bla for skrifttypen du har opprettet befor, på Legg til som
velg Import Hotell og klikk OK
.
17. Nå bruker CSS-stiler du har opprettet. Hvis du gjør noen endringer i CSS-filen du har laget, vil endringene tre i kraft på alle sider.
<