Video: Dreamweaver - legge til ny post på enkeltsiden 2024
Del av Dreamweaver CS6 For Dummies Cheat Sheet
I Dreamweaver CS6 kan du forbedre designene dine og gi sidene større dybde ved å legge til tekstskygger med CSS3-regler, siste innen webteknologi. Hvis du legger til tekstskygger, blir ordene enklere å lese, spesielt hvis designen din har en komplisert bakgrunn, eller hvis bakgrunns- og tekstfarger mangler kontrast.
Dreamweaver CS6 inkluderer støtte for CSS3 tekstskygger når du bruker Egenskaper-panelet i CSS-stilpanelet. Du kan opprette klasse- eller ID-stiler med tekstskygger, og du kan legge til tekstskygger i eksisterende HTML-elementer ved å definere en tagstil, for eksempel overskriften 1-stil som brukes i bildet.
CSS3-koden som lager denne tekstskyggen, er
h1 {tekstskygge: 2px 2px 3px # 000;}
Tallene i koden angir at tekstskyggen skal strekke 2 piksler til høyre og 2 piksler under teksten med 3-piks-uskarphet. I tillegg er skyggen skapt med fargen svart, spesifisert av den forkortede heksadesimale fargekoden # 000.
Når du lager regler for tekstskygger, kan du angi opptil fire verdier:
-
Horisontal og vertikal: De to første tallverdiene kreves og angir horisontale og vertikale forskyvninger - avstanden drop skyggen strekker seg under teksten (horisontal) og til høyre for teksten (vertikal).
-
Blurradius: Den tredje verdien angir mengden av uskarphet i skyggen. Hvis du ikke inkluderer uskarphetradius, er standard 0, noe som gjør at skyggen vises som en solid farge.
-
Farge: Den fjerde verdien spesifiserer fargen på skyggen og kan defineres ved hjelp av en heksadesimal fargekode eller en RGBa-fargekode.
Du kan legge til en tekstskygge ved hjelp av Egenskapsruten nederst på CSS-stilpanelet, som vist på bildet. For å gjøre dette, følg disse trinnene:
-
Klikk på Legg til eiendom-linken i venstre side av egenskapsruten for CSS-stiler.
-
Skriv inn CSS3-stilregelnavnet, tekstskyggen, eller velg stilregelen fra rullegardinlisten.
Etter at navnet vises i venstre side, vises en liten pil til høyre.
-
Klikk for å velge pilen til høyre for tekstskygge.
En boks vises.
-
Skriv inn X- og Y-kompensasjonene, uklarheten og fargen.
