Hvordan lage stiler med klasse- og ID-selgere i Dreamweaver - dummies

Klasse- og ID-seleksjoner i Dreamweaver har mange likheter og en nøkkelforskjell. ID-stiler kan bare brukes en gang per side, men klassestiler kan brukes så mange ganger på samme side som du vil.

Klasse- og ID-stiler har følgende likheter:

Du kan navngi stiler laget med klassen og ID-seleksjonene alt du vil. Du bør ikke inkludere mellomrom eller spesialtegn i stilnavn, selv om underskrift og bindestrek er i orden. Bruken av alle små bokstaver er en vanlig, men ikke nødvendig øvelse.

Du kan bruke klasse- og ID-stiler til et hvilket som helst element på en side, men de er oftest brukt på header-koder, div-koder, uordnede listekoder, avsnittetiketter, bilde koder og den nye HTML5 tags.

Bruk av stiler som er opprettet med klassen og ID-velgeren, er en to-trinns prosess. Først lager du en ny stil ved hjelp av klassen eller ID-velgeren og gir den et navn; så bruker du stilen til et element på siden.

For å definere en ny klasse eller ID-stil, opprett og lag et nytt dokument eller åpne en eksisterende fil, og følg disse trinnene:

1 Hvis du definerer en ny stil du vil gjelder for et eksisterende element, klikk for å plassere markøren over elementet du vil formatere med den nye stilen.

Selv om dette trinnet ikke er nødvendig (du kan opprette stiler for elementer som ikke er på siden), oppretter Dreamweaver automatisk velgerenavn basert på sidelementet som markøren din velger.

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

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

Hvis du ikke angir en medieforespørsel, vil Dreamweaver bruke Global eiendom, og stilen din vil fungere i alle medieformater og skjermstørrelser.

3 I Selectors-panelet klikker du på plustegnet (+).

En ny velger blir lagt til panelet Selectors. Dreamweaver har lagt til et sammensatte velgerenavn, som inkluderer alle stilene som allerede er brukt på overskriften der markøren hvilte da du begynte å definere stilen.

4 Dobbeltklikk velgerenavnet, og rediger eller erstatt det med navnet du vil bruke for din stil.

Du kan navngi klasse og ID-stiler alt du vil, så lenge du ikke bruker mellomrom eller spesialtegn annet enn bindestrek (-) eller understreket (_).

Hvis du vil opprette en stil ved hjelp av klassevalgeren, må du starte stilnavnet med en prikk eller periode.Hvis du vil bruke ID-väljeren, må stilnavnet begynne med et pundskilt (#).

5 I Egenskaper-panelet angir du innstillingene i stilregelen.

Klasse- og ID-seleksorer er enkle å søke på innhold etter at du har opprettet dem, fordi Dreamweaver legger til disse stilene i rullegardinlister Klass og ID i egenskapsinspektøren, plassert nederst i arbeidsområdet.