Cascading Style Sheets ( CSS) er en avanceret form for HTML webside kodning, der giver øget design-og formateringsindstillinger. I stedet for at anvende de enkelte uddrag af HTML-kode til hver tekstblok eller sektion på siden, giver CSS du definere "stil " regler og klasser , der ligner stil sæt i tekstbehandling og sidelayout software. Du kan derefter anvende typografier på elementer på dine sider --- gør formatering hurtigere og nemmere , samt sikre ensartethed i hele den side eller en hel hjemmeside. Dreamweaver har indbyggede CSS funktion synes kompliceret ved første, men ikke efter du har prøvet det et par gange. Ting du skal
Adobe Dreamweaver CS1 eller nyere
Vis Flere Instruktioner
Brug CSS i Dreamweaver
1

Start et nyt Dreamweaver HTML dokument eller åbne et eksisterende dokument hvor du ønsker at oprette CSS regler .
2

Gå til panelet Egenskaber , og klik på " CSS " knappen placeret på venstre side af panelet . Dette sætter Dreamweaver i CSS -tilstand.
3

Klik på " Målrettet Rule " drop- down i Properties panelet og vælg " ."
4

Klik på " Rediger regel "-knappen i panelet Egenskaber . Dette åbner nye CSS regel dialogboks, hvor du navngive din nye stil regel og definere sin adfærd.
5.

Klik på " Selection Type" drop- down . Der er fire muligheder på denne drop -drop , som har beskrivende navne forklarer, hvad de gør. For eksempel, " Klasse ( kan anvendes på enhver HTML-element ) " giver dig skabe en stil klasse, du kan anvende til enhver tekst i dokumentet. " Forbindelse ( baseret på dit valg )" lader dig oprette en stil klasse baseret på tekst, du vælger , før du klikker på " Rediger regel . "
6

Klik i " Selector Name " feltet , og skriv navnet din stil. Afhængigt af hvad Valgtype du valgte i det foregående trin , kræver visse typer stil regler specifikke navngivning . For eksempel, " Klasse ( kan anvendes på enhver HTML-element )" kræver, at den stil navn starter med et punktum (. ) . Så hvis du definerer en overskrift stil, for eksempel, kan du navngive den første overskrift niveau " . H1 . " Du kunne nævne brødtekst " . Krop " . Dreamweaver vil bede dig, hvis din navngivning er forkert, og give dig en forklaring på, hvordan du navngiver den stil .
7.

Klik på " Rule Definition " drop- down og vælge, hvordan du ønsker Dreamweaver til at anvende typografien . Der er to muligheder : "Dette dokument kun " skaber typografi-tags i HTML Head-afsnittet i aktuelle side. De stilarter er tilgængelige for kun denne side. "( New Style Sheet File) " opretter en ekstern CSS ( . Css -fil) .

Magt CSS er, at du kan formatere flere sider --- et helt websted --- baseret på det samme sæt af CSS regler. Dette opnås med eksterne CSS-filer . Hvis du vælger "( New Style Sheet File) , ", når du klikker på " OK" i denne dialogboks , Dreamweaver beder dig om at navngive CSS-fil . Hvis du kun bruger en CSS-fil for hele webstedet , standard navngivningskonvention er " styles.css ". Dog kan et websted har mange style sheets --- én til overskrifter , en anden for sidefødder, sidebars . Giv dine CSS-filer meningsfulde navne .

Når du opretter din første CSS ekstern fil , næste gang du åbner New CSS regel , filen vises i Rule Definition drop -down . Når du opretter en anden stil , sørg du føje den til en passende ekstern CSS-fil .
8

Klik på "OK " for at vise " CSS Rule Definition for ... " dialogboks. Det er her du formatere din stil, såsom skrifttype, størrelse, typografi ( fed, kursiv ) , farve . Mulighederne her er omfattende , giver mulighed for temmelig omfattende formatering, herunder tekstbokse , baggrunde og mange andre formatering valg . Indstil alle de ønskede formatering for denne stil , og klik derefter på "OK".
9

Gentag denne proces for at skabe yderligere stil regler. Hvis du vil anvende en typografi til en blok af tekst, skal du blot klikke på det stykke , og derefter vælge det ønskede stil fra " Målrettet Rule " drop- down i panelet Egenskaber .
< Br >