Hvordan man bruger tekstpanelet i Dreamweaver's CSS Property Panel - dummies

Tekstpanelet Dreamweaver indeholder en samling af muligheder, der styrer visning af teksten på dine sider. Du kan få adgang til indstillingerne Tekstpanel ved at rulle ned på ejendomspanelet, indtil du kommer under layoutindstillingerne eller ved at klikke på T-ikonet øverst på panelet.

Tekstpanelet indeholder følgende formateringsindstillinger:

• Farve: Indstil tekstfarven. Du kan klikke på farven og vælge en farve, bruge eyedroppen til at prøve enhver farve på skærmen eller indtaste en hexadecimal farvekode i farvefeltet. Hvis du indtaster en hexadecimal farvekode, skal du inkludere begyndelsesskiltet (#).

• Font-Family: Definer en skrifttypefamilie eller en række familier. Du kan tilføje skrifttyper fra din lokale harddisk eller fra Adobe TypeKit ved at vælge Manage Fonts nederst på rullelisten og starte dialogboksen Manage Fonts.

  

• Font-Style: Indtast Normal, Kursiv eller Skrå. Dog kursiv og skrå er sjældent forskellige i en webbrowser, så hold kursiv medmindre du har en bestemt grund til ikke.

• Font-Variant: Skift tekst til små hætter. Test dine designs omhyggeligt, fordi denne attribut ikke understøttes af alle browsere.

• Font-Weight: Gør tekst vises fed ved at vælge Fed eller Bolder fra rullemenuen. Du kan også indtaste et tal mellem 100 og 900 for mere præcist at kontrollere, hvor fed skrift teksten vises. Hvis du vil fjerne fed formatering, skal du vælge Normal eller Lettere.

• Skriftstørrelse: Definer størrelsen af ​​teksten. Du kan vælge en bestemt numerisk størrelse eller en relativ størrelse. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch. Pixler, ems og procentdele er de mest almindelige muligheder for tekststørrelser.

• Linjehøjde: Angiv højden af ​​den linje, som teksten er placeret på. Ligesom tekststørrelse kan du angive linjens højde på flere forskellige måder, herunder pixel, ems og procentdele. Det er god praksis på internettet at tilføje linjens højde, fordi øget plads omkring din tekst gør det nemmere at læse på en computerskærm.

• Tekstjustering: Venstrejuster, retjustér, centrer eller retfærdiggør din tekst ved at klikke på det tilsvarende ikon. Det første ikon til Inherit er standard. Du kan f.eks. Centrere teksten i sidebladet på din webside ved at inkludere tekstjustering indstillet til center i definitionen af ​​en stil, du bruger til -taggen nederst på siden.

• Tekst-dekoration: Angiv, om tekst er understreget, overlinet, vist med en gennemtrængning eller vist med blink-effekten.Du kan også vælge Ingen, som ofte bruges til at fjerne understreget fra linket tekst.

• Tekstindtryk: Angiv det beløb, som teksten vil blive indrykket fra venstre side af siden ved at indtaste et tal i en af ​​størrelsesindstillingerne, f.eks. Pixels, ems eller procentsatser.

Hvorfor så mange skrifttyper?

Du har måske hørt, at du nu kan bruge en hvilken som helst skrifttype, du vil have på dine websider, takket være den nyeste version af Cascading Style Sheets, CSS3. Denne erklæring er sand, men med nogle begrænsninger: Du skal have retlig ret til at udgive skrifttypen, og skrifttypen skal være hostet på en webserver.

For at sikre, at din tekst vises som du agter at indeholde, indeholder Dreamweaver samlinger af de mest almindelige skrifttyper på Windows og Macintosh-computere. Disse skrifttyper er grupperet i familier som

• Gotham, Helvetica Nue, Helvetica, Arial, sans serif

• Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, Times og serif

Du kan oprette dine egne skriftsamlingssamlinger ved hjælp af dialogboksen Administrer skrifttyper, som er tilgængelig ved at vælge indstillingen Administrer skrifttyper nederst i rullemenuen Font-Family i tekstpanelet i CSS Designer-panelet.

Tekstskyggeafsnittet i tekstpanelet

Tekstskyggeafsnittet i tekstpanelet giver værktøjer til at tilføje tekstskygger, en af ​​de nyeste CSS-egenskaber, der er inkluderet i CSS3-definitionen. De mest populære muligheder er følgende:

• H-skygge: Tilføj en skygge til din tekst på den vandrette akse. Vælg først en størrelse, og indtast derefter et nummer i feltet. For eksempel indtast 2px, for at tilføje en vandret skygge, der er 2 pixel bredt.

• V-skygge: Tilføj en skygge til din tekst på den lodrette akse. Vælg først en størrelse, og indtast derefter et nummer i feltet.

• Blur: Kontroller mængden af ​​uskarphed i skyggen. Jo større tallet er, desto mere er skyggen spredt ud eller sløret.

• Farve: Indtast en hexadecimal farvekode for at angive farven på skyggen, eller brug eyedroppen til at prøve enhver farve på skærmen.

  

Funktionerne i bunden af ​​tekstpanelet, som ikke er så almindelige som de andre tekstpanelvalg, er som følger:

• Tekst-Transform: Skift tilfældet for din tekst. Indstillinger er Aktiver, stor og små bogstaver. Klik på det tilsvarende ikon for at indstille denne egenskab.

• Letter-spacing: Definerer mængden af ​​hvidt mellemrum mellem bogstaverne. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch.

• Word-spacing: Definerer mængden af ​​hvidt mellemrum mellem ordene. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch. (Se foregående sidebjælke "Sammenligning af CSS-størrelsesindstillinger.")

• Hvidrum: Fortæl browseren, hvordan du håndterer linjeskift og mellemrum i en tekstblok. Dine indstillinger er Inherit, Normal, Nowrap, Pre, Pre-line eller Pre-wrap. Nowrap er særlig nyttig, fordi det forhindrer elementer fra at blive adskilt, hvis de skal vikle for at passe i et browservindue eller en anden container.

• Lodret-Justering: Juster inlineelementer, som tekst og billeder, i forhold til de elementer, der omgiver dem. Du kan indstille en numerisk værdi eller vælge Baseline, Sub, Super, Top, Text-Top, Middle, Bottom og Text-Bottom.