Hvernig á að nota textaspjaldið í Dreamweaver CSS Property Panel

Dreamweaver Text spjaldið býður upp á safn valkosta sem stjórna birtingu textans á síðunum þínum. Þú getur fengið aðgang að textaspjaldsvalkostunum með því að skruna niður Property spjaldið þar til þú kemur fyrir neðan Layout valkostina, eða með því að smella á T táknið efst á spjaldinu.

Textaspjaldið inniheldur eftirfarandi sniðvalkosti:

• Litur: Stilltu textalitinn. Þú getur smellt á litinn og valið lit, notað dropann til að taka sýnishorn af hvaða lit sem er á skjánum eða slá inn sextánskur litakóða í litareitinn. Ef þú slærð inn sextánskur litakóða skaltu láta upphafspunktamerkið (#) fylgja með.

• Leturfjölskylda: Skilgreindu leturfjölskyldu eða röð af fjölskyldum. Þú getur bætt leturgerð af staðbundnum harða disknum þínum eða frá Adobe TypeKit með því að velja Stjórna leturgerðum neðst í fellilistanum og opna Manage Fonts valmyndina.

  

• Leturstíll: Sláðu inn venjulegt, skáletrað eða skásett. Hins vegar eru skáletraðir og skáhallir sjaldan ólíkir í vafra, svo haltu þér við skáletrun nema þú hafir sérstaka ástæðu til að gera það ekki.

• Leturgerð: Breyttu texta í litlar hástafir. Prófaðu hönnun þína vandlega vegna þess að þessi eiginleiki er ekki studdur af öllum vöfrum.

• Leturþyngd: Láttu texta birtast feitletruð með því að velja Feitletrað eða Djarft úr fellilistanum. Þú getur líka slegið inn tölu á milli 100 og 900 til að stjórna nákvæmari hversu feitletrað textinn birtist. Til að fjarlægja feitletrað snið skaltu velja Venjulegt eða Léttara.

• Leturstærð: Tilgreindu stærð textans. Þú getur valið ákveðna tölustærð eða hlutfallslega stærð. Stærðarvalkostir eru pixlar (px), punktur (pt), pica (stk), prósent (%), em, rem, ex og ch. Pixlar, ems og prósentur eru algengustu valkostirnir fyrir textastærðir.

• Line-Height: Tilgreindu hæð línunnar sem textinn er settur á. Líkt og textastærð geturðu tilgreint línuhæð á ýmsa vegu, þar á meðal pixla, ems og prósentur. Það er góð venja á vefnum að bæta við línuhæð því að auka pláss í kringum textann þinn gerir það auðveldara að lesa á tölvuskjá.

• Textajafna: Vinstrijafna , hægrijafna, miðju eða réttlæta textann með því að smella á samsvarandi táknmynd. Fyrsta táknið, fyrir Inherit, er sjálfgefið. Til dæmis gætirðu sent textann í fótinn á vefsíðunni þinni með því að setja Text-Align stillt á Center í skilgreiningu á stíl sem þú notar á

  merkið neðst á síðunni.

• Textaskreyting: Tilgreindu hvort texti sé undirstrikaður, yfirstrikaður, sýndur með yfirstrikun eða sýndur með blikkandi áhrifum. Þú getur líka valið None, sem er oft notað til að fjarlægja undirstrikun úr tengdum texta.

• Textainndráttur: Tilgreindu hversu mikið texti verður dregið inn frá vinstri hlið síðunnar með því að slá inn tölu í einn af stærðarvalkostunum, svo sem pixla, ems eða prósentur.

Hvers vegna svona mikið af leturgerðum?

Þú gætir hafa heyrt að þú getir nú notað hvaða leturgerð sem þú vilt á vefsíðunum þínum, þökk sé nýjustu útgáfunni af Cascading Style Sheets, CSS3. Þessi fullyrðing er sönn en með nokkrum takmörkunum: Þú verður að hafa lagalegan rétt til að birta letrið og letrið verður að vera hýst á vefþjóni.

Til að tryggja að textinn þinn birtist eins og þú ætlar þér, inniheldur Dreamweaver söfn af algengustu leturgerðum á Windows og Macintosh tölvum. Þessar leturgerðir eru flokkaðar í fjölskyldur, svo sem

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

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

Þú getur búið til þín eigin letursöfn með því að nota Manage Fonts valmyndina, sem er aðgengilegur með því að velja Manage Fonts valmöguleikann neðst á Leturfjölskyldu fellilistanum í Texta spjaldinu í CSS Designer spjaldinu.

Texti-skuggi hluti textaspjaldsins

Texti-skuggi hluti textaspjaldsins býður upp á verkfæri til að bæta við textaskuggum, einum af nýjustu CSS eiginleikum CSS3 skilgreiningarinnar. Vinsælustu valkostirnir eru eftirfarandi:

• H-skuggi: Bættu skugga við textann þinn á lárétta ásnum. Veldu fyrst stærð og sláðu síðan inn tölu í reitinn. Sláðu til dæmis inn 2px til að bæta við láréttum skugga sem er 2 pixlar á breidd.

• V-skuggi: Bættu skugga við textann þinn á lóðrétta ásnum. Veldu fyrst stærð og sláðu síðan inn tölu í reitinn.

• Þoka: Stjórna magn óskýrleika í skugganum. Því stærri sem talan er, því meira dreifist skugginn út eða óskýr.

• Litur: Sláðu inn sextánskur litakóða til að tilgreina lit skuggans, eða notaðu dropann til að sýna hvaða lit sem er á skjánum.

  

Eiginleikarnir neðst á textaspjaldinu, sem eru ekki eins algengir og aðrir valkostir textaspjaldsins, eru sem hér segir:

• Texta-umbreyta: Breyttu hástöfum á textanum þínum. Valkostir eru hástafir, hástafir og lágstafir. Smelltu á samsvarandi tákn til að stilla þennan eiginleika.

• Bókstafabil: Skilgreinir hversu mikið hvítt bil er sett á milli stafa. Stærðarvalkostir eru pixlar (px), punktur (pt), pica (stk), prósent (%), em, rem, ex og ch.

• Orðabil: Skilgreinir magn af hvítu bili sem er sett á milli orða. Stærðarvalkostir eru pixlar (px), punktur (pt), pica (stk), prósent (%), em, rem, ex og ch. (Sjá hliðarstikuna á undan „Samanburður á CSS stærðarvalkostum.“)

• White-Space: Segðu vafranum hvernig á að meðhöndla línuskil og bil í textablokk. Valmöguleikarnir þínir eru Erfðir, Venjulegir, Nowrap, Pre-line, Pre-line eða Pre-wrap. Nowrap er sérstaklega gagnlegt vegna þess að það kemur í veg fyrir að þættir séu aðskildir ef þeir verða að vefja til að passa inn í vafraglugga eða annan ílát.

• Lóðrétt-jöfnun: Samræma innbyggða þætti, eins og texta og myndir, í tengslum við þættina sem umlykja þá. Þú getur stillt tölugildi eða valið Grunnlína, Undir, Super, Efst, Texti efst, Mið, Neðst og Texti-neðst.