Hvordan du definerer stiler med tagvelgeren i Dreamweaver - dummies

Du kan lage helt nye stiler i Dreamweaver ved hjelp av samtale- eller ID-valgene, men du kan også lage stiler som endrer formateringen av eksisterende HTML tags. Disse stilene er opprettet ved hjelp av -velgeren, som også kalles -elementvelgeren . Når du definerer en stil med tagvelgeren, kan du endre utseendet, posisjonen og andre funksjoner i en eksisterende HTML-kode.

Mange HTML-koder inneholder allerede formateringsalternativer. For eksempel omfatter overskriftskodene formatering til stiltekst ved hjelp av en stor fet skrift. Når du lager en stil med en tagvelger, må du vurdere formateringsalternativene som allerede er knyttet til den taggen. Eventuelle alternativer du definerer, vil enten bli lagt til eksisterende formatering eller tilsidesatte formateringen.

Du kan spørre, "Hvorfor skulle jeg omdefinere taggen

i stedet for bare å opprette en ny overskriftstype ved hjelp av klassen eller ID-velgeren? "Selv om du kan definere en ny klassestil istedenfor å redefinere en HTML-kode, er det noen ganger bedre å bruke en eksisterende HTML-kode.

Overskriftsstiler er spesielt viktige på nettet fordi tekstformatert i en

-kod er anerkjent som den viktigste teksten på en side. Blant annet kan tekst som er formatert i en

-kode, få spesiell vurdering fra søkemotorer.

For å lage en stil som omdefinerer en HTML-kode (for eksempel

-taggen) med tagvelgeren, må du først opprette en fil eller åpne en eksisterende og deretter følge disse trinnene:

1 Velg Selectors-panelet på CSS Designer-panelet, og velg stilarket du vil legge til den nye stilen på.

Når du lager en stil for en eksisterende HTML-kode, trenger du ikke å bruke stilen selv slik du gjør med klasse- og ID-stiler. Uansett hvor du har brukt HTML-taggen, brukes stildefinisjonsinnstillingene.

2 Hvis du vil målrette mot stilen til en bestemt medietype eller skjermstørrelse, velger du eller definerer en medieforespørsel i @Media-panelet.

Bruk av medieforespørsler med stiler er valgfritt. Hvis du ikke angir en medieforespørsel, vil Dreamweaver bruke Global eiendom, og stilen din vil fungere i alle medieformater og skjermstørrelser.

3 Klikk på plustegnet (+) i Selectors-panelet.

En ny velger blir lagt til panelet Selectors.

Når du klikker plustegnet (+) for å opprette en ny velger, kan noen ting skje, avhengig av hva som allerede er åpent på Dreamweaver. Første gang du lager en stil på en tom nettside, går Dreamweaver inn i kroppen i Selectors-panelet.

Hvis du jobber på en side med tekst eller annet innhold som er formatert med HTML-koder eller -stiler, kan Dreamweaver legge til en sammensatt väljare basert på elementene som omgir det du har valgt med markøren.

4 Dobbeltklikk på velgerenavnet i Selectors-panelet. Begynn å skrive inn navnet på HTML-koden, og velg deretter koden fra rullegardinlisten som vises.

Du kan skrive inn navnet på en hvilken som helst HTML-kode for å lage en stil ved hjelp av tagvelgeren. Når du skriver inn en HTML-kode, vises en rullegardinliste med koder som begynner med samme bokstav du har skrevet. Å velge den ønskede taggen fra listen i stedet for å skrive hele taggen selv er god praksis fordi du unngår skrivefeil.

5 I Egenskaper-panelet angir du innstillingene du vil ha i stilregelen.

Skrift og farge brukes umiddelbart til teksten på siden formatert med

-taggen.

Hvis du vil kunne bruke samme HTML-kode med annen formatering i ulike deler av samme side, kan du opprette sammensatte stiler. Sammenstilte stiler er nyttige, for eksempel hvis du vil at tekstformatert med

-taggen skal se annerledes ut i hoveddelen av siden din enn den gjør i et sidebjelke.