Innehållsförteckning:
- 1Välj stilarket som du vill lägga till den nya stilen i panelen Selectors på CSS Designer-panelen.
- 2 Om du vill rikta in stilen till en viss mediatyp eller skärmstorlek, välj eller definiera en mediefråga i panelen @Media.
- 3Klicka på plustecknet (+) i panelen Selectors.
- 4 Dubbelklicka på väljarnamnet i Selectors-panelen. Börja ange namnet på HTML-taggen och välj sedan taggen från rullgardinsmenyn som visas.
- 5 På Egenskaper-panelen anger du de inställningar du vill ha i din stilregel.
Video: Vem räknas som Svensk? 2024
Du kan skapa helt nya stilar i Dreamweaver med hjälp av samtal eller ID-väljare, men du kan även skapa stilar som ändrar formateringen av befintlig HTML taggar. Dessa stilar skapas med hjälp av taggväljaren, som även kallas -elementväljaren . När du definierar en stil med taggväljaren kan du ändra utseendet, positionen och andra funktioner i en befintlig HTML-tagg.
Många HTML-taggar innehåller redan formateringsalternativ. Exempelvis omfattar rubriktaggar formatering för att skriva text med en stor fet skrift. När du skapar en stil med en taggväljare måste du överväga de formateringsalternativ som redan är associerade med den taggen. Eventuella alternativ som du definierar läggs till i befintlig formatering eller strider mot formateringen.
Du kanske frågar, "Varför skulle jag omdefiniera taggen
istället för att bara skapa en ny rubrikstil med klass- eller ID-väljaren? "Även om du kan definiera en ny klassstil istället för att omdefiniera en HTML-tagg, är det ibland bättre att använda en befintlig HTML-tagg.
Rubrikformat är särskilt viktigt på webben eftersom textformaterad i en
tagg är välkänd som den viktigaste texten på en sida. Bland annat kan text som är formaterad i en
-kod få särskild hänsyn från sökmotorer.
Skapa en stil som omdefinierar en HTML-tagg (t.ex.
-taggen) med taggväljaren. Skapa först en fil eller öppna en befintlig och följ sedan dessa steg:
1Välj stilarket som du vill lägga till den nya stilen i panelen Selectors på CSS Designer-panelen.
När du skapar en stil för en befintlig HTML-tagg behöver du inte tillämpa stilen själv som du gör med klass- och ID-stilar. Varhelst du har använt HTML-taggen, tillämpas stildefinitionsinställningarna.
2 Om du vill rikta in stilen till en viss mediatyp eller skärmstorlek, välj eller definiera en mediefråga i panelen @Media.
Använda mediafrågor med format är valfritt. Om du inte anger en mediefråga använder Dreamweaver Global egenskapen och din stil fungerar i alla mediaformat och skärmstorlekar.
3Klicka på plustecknet (+) i panelen Selectors.
En ny väljare läggs till på panelen Selectors.
När du klickar på plustecknet (+) för att skapa en ny väljare kan några saker hända, beroende på vad som redan finns på sidan i Dreamweaver. Första gången du skapar en stil på en tom webbsida, går Dreamweaver in i kroppen på Selectors-panelen.
Om du arbetar på en sida med text eller annat innehåll som är formaterat med HTML-taggar eller -stilar, kan Dreamweaver lägga till en sammansättningsväljare baserat på elementen som omger det du har valt med markören.
4 Dubbelklicka på väljarnamnet i Selectors-panelen. Börja ange namnet på HTML-taggen och välj sedan taggen från rullgardinsmenyn som visas.
Du kan ange namnet på en HTML-tagg för att skapa en stil med taggväljaren. När du skriver en HTML-tagg visas en rullgardinslista med taggar som börjar med samma bokstav som du har skrivit. Att välja önskad tagg från listan istället för att skriva hela taggnamnet är bra eftersom du undviker typsnitt.
5 På Egenskaper-panelen anger du de inställningar du vill ha i din stilregel.
Teckensnittet och färgen appliceras omedelbart på texten på sidan formaterad med
-taggen.
Om du vill kunna använda samma HTML-tagg med annan formatering i olika delar av samma sida kan du skapa sammansatta stilar. Blandade stilar är praktiska, till exempel om du vill att textformaterad med
-taggen ska se annorlunda ut i huvuddelen av din sida än vad som görs i en sidofält.
