Hvordan du definerer stilarter med tagvelgeren i Dreamweaver - dummies

Du kan oprette helt nye stilarter i Dreamweaver ved hjælp af opkalds- eller ID-vælgerne, men du kan også oprette stilarter, der ændrer formateringen af ​​eksisterende HTML tags. Disse stilarter oprettes ved hjælp af tagvælgeren , som også kaldes elementvælger . Når du definerer en stil ved hjælp af tagvelgeren, kan du ændre udseendet, placeringen og andre funktioner i et eksisterende HTML-tag.

Mange HTML-tags indeholder allerede formateringsindstillinger. For eksempel omfatter overskriften tags formatering til stiltekst ved hjælp af en stor fed skrift. Når du opretter en stil med en tagvælger, skal du overveje de formateringsindstillinger, der allerede er knyttet til det pågældende tag. Eventuelle valgmuligheder du definerer, tilføjes enten til den eksisterende formatering eller tilsidesætter formateringen.

Du kan spørge, "Hvorfor skal jeg omdefinere taggen

i stedet for blot at oprette en ny overskriftsformat ved hjælp af klassen eller ID-vælgeren? "Selvom du kan definere en ny klassestil i stedet for at omdefinere et HTML-tag, er det nogle gange bedre at bruge et eksisterende HTML-tag.

Overskriftstilstande er særlig vigtige på internettet, fordi tekstformateret i et

tag er velkendt som den vigtigste tekst på en side. Blandt andet kan tekstformateret i et

tag blive særligt overvejet fra søgemaskiner.

For at oprette en stil, der omdefinerer en HTML-kode (f.eks.

-taggen) med tagvelgeren, skal du først oprette en fil eller åbne en eksisterende og derefter følge disse trin:

1Vælg stilarket, som du vil tilføje den nye stil på, i panelet Selectors på CSS Designer-panelet.

Når du opretter en stil til et eksisterende HTML-tag, behøver du ikke at anvende stilen selv som du gør med klasse- og ID-stilarter. Uanset hvor du har brugt HTML-tagget, anvendes stildefinitionsindstillingerne.

2 Hvis du vil målrette mod stilen til en bestemt medietype eller skærmstørrelse, skal du vælge eller definere en medieforespørgsel i panelet @Media.

Brug af medieforespørgsler med stilarter er valgfri. Hvis du ikke angiver en medieforespørgsel, bruger Dreamweaver Global-ejendommen, og din stil vil fungere i alle medieformater og skærmstørrelser.

3Klik på plustegnet (+) i panelet Selectors.

Der tilføjes en ny vælger til panelet Selectors.

Når du klikker på plustegnet (+) for at oprette en ny vælger, kan der ske et par ting, afhængigt af hvad der allerede er åbent på Dreamweaver. Første gang du opretter en stil på en tom webside, går Dreamweaver ind i kroppen i Selectors panelet.

Hvis du arbejder på en side med tekst eller andet indhold, der er formateret med HTML-tags eller -stile, kan Dreamweaver tilføje en sammensat vælger baseret på de elementer, der omgiver det, du har valgt med markøren.

4 Dobbeltklik på vælgernavnet i Selectors-panelet. Begynd at indtaste navnet på HTML-mærket, og vælg derefter mærket fra den rulleliste, der vises.

Du kan indtaste navnet på et hvilket som helst HTML-tag for at oprette en stil ved hjælp af tagvelgeren. Når du skriver et HTML-tag, vises en rulleliste med tags, der begynder med det samme bogstav, du har skrevet. At vælge det ønskede tag fra listen i stedet for at skrive hele tagnavnet selv er god praksis, fordi du undgår typografier.

5I feltet Egenskaber skal du angive de ønskede indstillinger i din stilregel.

Skrifttyper og farver anvendes straks til teksten på siden formateret med

-taggen.

Hvis du vil kunne bruge det samme HTML-tag med forskellig formatering i forskellige dele af samme side, kan du oprette sammensatte stilarter. Sammensatte stilarter er nyttige, hvis du f.eks. Vil have tekstformateret med

-taggen, så den ser anderledes ud i hoveddelen af ​​din side end den gør i et sidebjælke.