Hur man skapar en ny tagg stil i Adobe Dreamweaver CS6 - dummies

Skapa en taggstil (eller typväljare ) i Adobe Dreamweaver CS6 är en enkel och säker väg för nya användare att förstå CSS eftersom det riktar sig mot befintliga HTML-taggar, till exempel P, H1 och H2.

Med befintliga taggar på din sida kan du välja att använda automatisk formatering där vissa HTML-taggar används. Du kan till exempel göra en text inuti en

(Rubrik 1) -taggen automatiskt fet, 36 pixlar och röd.

Gör så här för att skapa en taggstil med egenskapsinspektören:

1. Öppna en HTML-sida som innehåller text.

2. På egenskapskontrollen, klicka på HTML-knappen på vänster sida av panelen för att visa egenskapsinspektionen i HTML-vy.

3. Välj en textrad och tryck på den genom att klicka på B-knappen som finns i egenskapsinspektören.

4. Byt till CSS-vy av egenskapsinspektören genom att klicka på CSS-knappen längst till vänster på panelen.

   Målet är att tilldela definitiv stilinformation till taggen som fetstil text, så någon fet text på sidan visas också röd.

5. Lämna den fetstilte texten markerad och välj i objektinspektionen i listrutan Målad regel.

6. Med den text som fortfarande valts, använd färgväljaren på höger sida av egenskapsinspektionen (placerad under knapparna B och I) för att välja en röd färg för att applicera på den valda fetstil texten.

   Dialogrutan Ny CSS-regel visas.

   

7. På rullgardinsmenyn Välj välj Tag (Definierar ett HTML-element); välj Stark från rullgardinsmenyn Selector Name; välj (Endast detta dokument) i rullgardinsmenyn Regel Definition.

   Valgtypen bestämmer hur formateringen ska tillämpas på en vald HTML-tagg på sidan. Taggstilar tillämpas automatiskt varhelst det här elementet visas på sidan.

8. Klicka på OK för att skapa den nya taggstilen och stäng panelen.

   Nu, när du använder taggen för att skapa fet text (med B-knappen eller andra genvägar), visas den fetma texten också röd. Du har skapat en taggstil som bestämmer hur fet text visas när den visas i ett dokument.

Du kan ytterligare förfina den här nya taggstilen genom att välja någon fet text och fortsätta att ändra textegenskaper från egenskapsinspektören.

Om du vill redigera och finjustera regeln som du skapat kan du klicka på knappen Redigera regeln under listrutan Målad regel för att öppna dialogrutan CSS Rule Definition. Den här dialogrutan öppnas som standard för typen Typ, där du kan ändra typrelaterade egenskaper.

När du är klar med att finjustera din taggstil klickar du på Använd längst ned i dialogrutan för att se dina ändringar. Du kan också klicka på OK för att tillämpa dina ändringar och avsluta dialogrutan.