Hem Sociala medier Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Anonim

Använd bakgrundspanelen i Dreamweavers CSS Designer panel kan ange en bakgrundsfärg eller bild för en stil - och kontrollera hur bakgrunden visas på sidan. Du kan använda inställningar för bakgrundsstil för alla delar av din webbsida som kan visa en bakgrund - inklusive rubrikerna, rubriken och bildtaggarna.

Du kan till exempel ändra taggen till att inkludera bakgrundsinställningar som gäller hela sidan, eller du kan skapa en stil med klass- eller ID-väljaren och ange en bakgrund som bara visas bakom en individ märka.

Genom att inkludera bakgrunden i klassens eller ID-stilen på en tagg kan du begränsa bakgrunden till att visas på skärmen endast där taggen används. Observera att alternativet Bakgrund endast fungerar med en bild om du först ställer in en marginal runt bilden.

Du kan välja mellan dessa Bakgrundsalternativ:

  • Bakgrundsfärg: Ange bakgrundsfärgen för en definierad stil med en av flera metoder. Du kan klicka på färgbrunnen och välja en fördefinierad färg eller skapa en anpassad färg. Eller använd eyedroppen för att prova vilken färg som helst på skärmen. Slutligen kan du ange en hexadecimal färgkod - se till att inkludera #, som i # 000000 för färgen svart eller #ffffff för färgvit.

  • Bakgrundsbild: Välj en bild som ska fungera som bakgrund i din stildefinition. Ange en webbadress till en bild på datorn eller på Internet, eller klicka på mappikonen för att bläddra i hårddisken och välj en bild.

  • Bakgrundsställning: Ange bakgrundsbildets position från vänster och överst på moderelementet genom att ange ett nummer i varje fält. Det här alternativet är bara synligt om du klickar på den lilla pilen bredvid URL-fältet i avsnittet Bakgrund för att visa de ytterligare fälten som följer.

  • Storlek: Välj mätningen i pixlar, ems eller ett annat alternativ och ange önskad storlek för bakgrunden. Om du lämnar fältet Storlek som är inställd på auto (standard) visas bilden i verklig storlek.

  • Bakgrundsblock: Ange om bakgrunden börjar gränsen, vadderingen eller innehållet i ett fältelement, till exempel en tagg.

  • Bakgrundsrepetition: Klicka på motsvarande ikon för att ange hur och om bakgrundsbilden upprepas eller plattor över och ner på sidan. Bakgrundsbilder är som standard, så du måste välja ett alternativ om du inte vill att din bakgrund ska upprepas eller du vill ange hur den upprepas.

    Observera också att om bilden är större än det element som den appliceras på, kommer bara så mycket av bilden som passar i elementets visningsområde att vara synlig.Om du till exempel använder en bild på 600 pixlar som bakgrund av en tagg som är inställd på 300 pixlar bred, är bara hälften av bilden synlig.

    Alternativen Repetera, listade enligt deras ikoner, följer:

    • Arv: Om inget annat alternativ är valt, är varje element arvt beteendet hos dess överordnade element. Detta standardalternativ behöver inte anges.

    • Repeat: Bakgrundsbilden upprepas vertikalt och horisontellt i elementets bakgrund.

    • Repeat-X: Bakgrunden upprepas horisontellt, men inte vertikalt, i bakgrunden av elementet.

    • Repeat-Y: Bakgrunden upprepas vertikalt, men inte horisontellt, i bakgrunden av elementet.

    • No-Repeat: Bakgrunden visas enstaka längst upp till vänster om elementet.

    • Ursprung: Ange om bakgrundens ursprung börjar vid gränsen, vadderingen eller innehållet i ett lådelement, till exempel en etikett.

  • Bilaga: Bestäm hur bakgrunden beter sig när sidan rullas. Alternativen är

    • Inherit: Om inget annat alternativ väljs, arvder varje element beteendet hos dess moderelement. Detta är ett standardalternativ och behöver inte anges.

    • Fast: Bakgrunden förblir limmad till en plats i visningsområdet och rullar inte ut ur sikte, även när webbsidan rullas.

    • Scroll: Bakgrunden rullar tillsammans med webbsidan.

  • Gradient: Klicka på färgbrunnen bredvid Gradient för att öppna Dreamweavers nya visuella gradientväljare.

Bakgrundspanelalternativ i Dreamweavers CSS-objektpanel - dummies

Redaktörens val

Förstå Personlig sökningens inverkan på ranking och SEO - dummies

Förstå Personlig sökningens inverkan på ranking och SEO - dummies

Har du någonsin märkt att din sökning Resultaten skiljer sig vanligtvis från en annan persons sökresultat - även om du båda skriver samma fråga i samma sökmotor? Innan du tror innebär det att sökmotoroptimering är helt meningslöst och kasta händerna i exasperation, läs vidare. Här är det som verkligen händer. ...

Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummies

Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummies

Key Performance Indicators (KPI) hjälper en organisation att uppnå sina mål genom att definiera dessa mål och mäta organisationens framsteg mot dem. Enkelt uttryckt är KPI-mål som du kan använda för att mäta din webbplatss framgång. KPIs är viktiga för att du behöver veta vad dina mål är för att korrekt kunna göra Web Analytics.

Med hjälp av e-post för att förbättra sökmotoroptimering - dummies

Med hjälp av e-post för att förbättra sökmotoroptimering - dummies

Se till att din webb webbplatsen är synlig för sökmotorer blir allt viktigare eftersom e-handel konkurrerar om onlineinkomster. Du kan förlänga din e-postmarknadsstrategi utöver standardinmatningen för att ge dina e-postmarknadsmeddelanden större chanser att få märkt. Ta med följande taktik i din plan: Se till att varje landningssida ...

Redaktörens val

Läs och justera exponeringsmätaren på en Nikon D5100 - dummies

Läs och justera exponeringsmätaren på en Nikon D5100 - dummies

För att du ska kunna avgöra om din exponeringsinställningarna ligger i M (manuell) exponeringsläge, visar Nikon D5100 en exponeringsmätare i sökaren och bildinformation. Mätaren är lite linjär grafisk. För att aktivera den, tryck bara på avtryckaren halvvägs och släpp sedan den. Minusskyltänden på ...

ÄNdra storlek på ett parti foton med en Nikon D3100 - dummies

ÄNdra storlek på ett parti foton med en Nikon D3100 - dummies

Din Nikon D3100 kan ta bilder på en mycket större storlek än vad du behöver för att dela dem online - bilder på webben behöver inte vara högupplösta för att kunna ses tydligt. När det gäller e-post, om din mottagare bara vill se (eller posta) bilderna och inte planerar att skriva ut dem, kan de vara ...

Redaktörens val

Sälja banner- och textannonsering på din mamma Blogg - dummies

Sälja banner- och textannonsering på din mamma Blogg - dummies

Säljer banner- och textannonser kan vara De vanligaste sätten att sälja reklam på din blogg, men de är inte det enda sättet. Banderoller och textlänkar är bara en del av vad du kan erbjuda till sponsorer. Ju mindre du är som bloggare, desto mer kreativ kan du få med att skapa anpassade kampanjer ...

Sälja produkter och tjänster på din mamma blogg - dummies

Sälja produkter och tjänster på din mamma blogg - dummies

Bloggar är ett extremt effektivt sätt att marknadsföra din egna produkter eller tjänster att sälja. Bloggar hjälper dig att bygga förtroende med kunder, hitta i sökmotorerna och ge dina potentiella kunder gott om skäl att köpa från dig. Även om det finns likheter med att sälja både produkter och tjänster, kan de faktiskt vara ...

Skapa databasen för din WordPress-blogg - dummies

Skapa databasen för din WordPress-blogg - dummies

När du har hämtat WordPress. org-filer och laddade dem till din dator, har du fortfarande några steg att gå. Detta steg är förmodligen det mest tekniska. Ta ett djupt andetag och förbered dig för att skapa en databas för din WordPress-blogg. Du kan göra det! Förmodligen är upprättandet av en databas inte faktiskt fruktansvärt svårt. ...