Hur man skapar stilar med klass- och ID-selektörer i Dreamweaver - dummies

Klass- och ID-väljare i Dreamweaver har många likheter och en nyckelskillnad. ID-stilar kan bara användas en gång per sida, men klassstilar kan användas så många gånger på samma sida som du vill.

Klass- och ID-stilar har följande likheter:

Du kan namnge stilar skapade med klass- och ID-selektorer allt du vill. Du bör inte inkludera mellanslag eller specialtecken i stilnamn, även om understreck och bindestreck är okej. Användningen av alla små bokstäver är en vanlig men inte nödvändig praxis.

Du kan tillämpa klass- och ID-stilar på något element på en sida, men de används oftast på header-taggar, div-taggar, oordnade listetaggar, stycketiketter, bildtaggar och den nya HTML5 taggar.

Använda stilar skapade med klass- och ID-väljaren är en tvåstegsprocess. Först skapar du en ny stil med klass- eller ID-väljaren och ger den ett namn. då tillämpar du stilen på ett element på sidan.

För att definiera en ny klass eller ID-stil, skapa och spara ett nytt dokument eller öppna en befintlig fil och följ sedan dessa steg:

1 Om du definierar en ny stil du vill Applicera på ett befintligt element, klicka för att placera markören över det element som du vill formatera med den nya stilen.

Även om detta steg inte är nödvändigt (du kan skapa stilar för element som inte finns på sidan) skapar Dreamweaver automatiskt väljarnamn baserat på sidelementet som markören just nu väljer.

2 Välj panelen Selectors på CSS Designer-panelen, välj namnet på stilarket som du vill lägga till den nya stilen.

Om du vill rikta in stilen till en viss medietyp eller skärmstorlek, definiera en mediefråga i panelen @Media.

Om du inte anger en mediefråga kommer Dreamweaver att använda Global-egenskapen och din stil fungerar i alla mediaformat och skärmstorlekar.

3 Klicka på plustecknet (+) i panelen Selectors.

En ny väljare läggs till på panelen Selectors. Dreamweaver har lagt till ett sammansättningsnamn, vilket inkluderar alla stilar som redan är tillämpade på rubriken där din markör vilar när du började definiera stilen.

4 Dubbelklicka på väljarnamnet och rediger eller byt ut det med namnet du vill använda för din stil.

Du kan namnge klass- och ID-stilar allt du vill, så länge du inte använder några mellanslag eller specialtecken annat än bindestrecket (-) eller understrykning (_).

Om du vill skapa en stil med klassväljaren måste du börja stilnamnet med en punkt eller period.Om du vill använda ID-väljaren måste stilnamnet börja med ett pundtecken (#).

5 På Egenskaper-panelen anger du inställningarna i din stilregel.

Klass- och ID-väljare är lätta att tillämpa på innehåll efter att du har skapat dem eftersom Dreamweaver lägger till dessa stilar i rullgardinsmenyn Klass och ID i egenskapsinspektören, längst ner i arbetsytan.