Tekstipaneeli kasutamine Dreamweaveri CSS-i atribuutide paneelil

Dreamweaveri teksti paneel sisaldab valikute kogumit, mis juhivad teie lehtedel teksti kuvamist. Tekstipaneeli suvanditele pääsete juurde, kerides Atribuutide paneelil alla, kuni jõuate Paigutussuvandite alla, või klõpsates paneeli ülaosas ikooni T.

Paneel Tekst sisaldab järgmisi vormindamisvalikuid.

• Värv: määrake teksti värv. Saate klõpsata hästi värvi ja valida värvi, kasutada tilgutit mis tahes ekraanil oleva värvi proovimiseks või sisestada värviväljale kuueteistkümnendsüsteemis värvikoodi. Kui sisestate kuueteistkümnendsüsteemi värvikoodi, lisage naela algusmärk (#).

• Font-Family: määrake fondipere või perekondade seeria. Saate lisada fonte oma kohalikult kõvakettalt või Adobe TypeKiti kaudu, valides ripploendi allosas valiku Halda fonte ja avades dialoogiboksi Fontide haldamine.

  

• Font-Style: sisestage Tavaline, Kaldkiri või Kaldus. Kuid kaldkiri ja kaldus erinevad veebibrauseris harva, nii et jätke kaldkirja juurde, välja arvatud juhul, kui teil on konkreetne põhjus seda mitte teha.

• Font-variant: muutke tekst väiketähtedeks. Testige oma kujundusi hoolikalt, sest kõik brauserid ei toeta seda atribuuti.

• Font-Weight: muutke tekst paksuks, valides ripploendist Paks või Paks. Saate sisestada ka arvu vahemikus 100 kuni 900, et täpsemalt kontrollida, kui rasvases kirjas tekst kuvatakse. Paksu vormingu eemaldamiseks valige Tavaline või Kergem.

• Font-Size: määrake teksti suurus. Saate valida kindla numbrilise suuruse või suhtelise suuruse. Suuruse valikud on piksel (px), punkt (pt), pica (pc), protsent (%), em, rem, ex ja ch. Pikslid, ems ja protsendid on teksti suuruse kõige sagedamini kasutatavad valikud.

• Line-Height: määrake rea kõrgus, millele tekst asetatakse. Sarnaselt teksti suurusele saate määrata rea ​​kõrgust mitmel viisil, sealhulgas pikslitena, ems-idena ja protsentidena. Veebis on hea tava lisada rea ​​kõrgus, kuna teksti ümber ruumi suurendamine muudab lugemise arvutiekraanil lihtsamaks.

• Teksti joondamine: teksti vasakule joondamine, paremale joondamine, keskele joondamine või teksti joondamine, klõpsates vastaval ikoonil. Esimene pärimisikoon on vaikeseade. Näiteks võite oma veebilehe jaluses oleva teksti tsentreerida, lisades teksti joonduseks seatud olekusse Keskel kasutatava stiili määratlusse.

  silt lehe allosas.

• Text-Decoration: määrake, kas tekst on allakriipsutatud, ülejoonitud, kuvatakse läbikriipsutatud või vilkumise efektiga. Võite ka valida Puudub, mida kasutatakse sageli lingitud tekstilt allakriipsu eemaldamiseks.

• Teksti taane: määrake, kui palju teksti taandatakse lehe vasakust servast, sisestades numbri ühte suurusvalikusse (nt pikslid, ems või protsendid).

Miks nii palju fonte?

Võib-olla olete kuulnud, et tänu Cascading Style Sheets CSS3 uusimale versioonile saate oma veebilehtedel kasutada mis tahes fonti, mida soovite. See väide on tõsi, kuid teatud piirangutega: teil peab olema seaduslik õigus fondi avaldamiseks ja font peab asuma veebiserveris.

Tagamaks, et teie tekst kuvatakse soovitud viisil, sisaldab Dreamweaver Windowsi ja Macintoshi arvutites kõige levinumate fontide kogusid. Need fondid on rühmitatud perekondadesse, näiteks

• Gotham, Helvetica Nue, Helvetica, Arial, ilma serifita

• Cambria, Hoefleri tekst, Liberation Serif, Times, Times New Roman, Times ja serif

Saate luua oma fondikogusid, kasutades dialoogiboksi Fontide haldamine, millele pääseb juurde, valides CSS-i kujundaja paneeli paneelil Tekst ripploendi Font-Family allservast suvandi Halda fonte.

Tekstipaneeli jaotis Tekst-vari

Tekstipaneeli jaotises Tekst-vari pakub tööriistu tekstivarjude lisamiseks, mis on üks uusimaid CSS3 definitsioonis sisalduvaid CSS-i atribuute. Kõige populaarsemad valikud on järgmised:

• H-vari: lisage oma tekstile vari horisontaalteljel. Esmalt valige suuruse valik ja seejärel sisestage väljale number. Näiteks 2 piksli laiuse horisontaalse varju lisamiseks sisestage 2px.

• V-vari: lisage oma tekstile vertikaalteljel vari. Esmalt valige suuruse valik ja seejärel sisestage väljale number.

• Hägusus: kontrollige varju hägususe hulka. Mida suurem arv, seda rohkem on vari hajutatud või hägune.

• Värv: sisestage varju värvi määramiseks kuueteistkümnendsüsteemis värvikood või kasutage ekraanil mis tahes värvi proovimiseks tilgutit.

  

Paneeli Tekst allosas olevad funktsioonid, mis ei ole nii tavalised kui muud tekstipaneeli valikud, on järgmised.

• Teksti teisendus: muutke oma teksti väiketähti. Valikud on suurtähed, suurtähed ja väiketähed. Selle atribuudi määramiseks klõpsake vastavat ikooni.

• Letter-Spacing: määrab tähtede vahele lisatava tühiku suuruse. Suuruse valikud on piksel (px), punkt (pt), pica (pc), protsent (%), em, rem, ex ja ch.

• Sõnavahe: määrab sõnade vahele lisatava tühiku hulga. Suuruse valikud on piksel (px), punkt (pt), pica (pc), protsent (%), em, rem, ex ja ch. (Vaadake eelmist külgriba "CSS-i suuruse valikute võrdlemine".)

• Tühik: öelge brauserile, kuidas käsitleda reavahetusi ja tühikuid tekstiplokis. Teie valikud on Pärimine, Tavaline, Nowrap, Eel, Pre-line või Pre-wrap. Nowrap on eriti kasulik, kuna see takistab elementide eraldamist, kui need peavad brauseriaknasse või muusse konteinerisse mahtumiseks mähkima.

• Vertikaalne joondus: joonda sisemised elemendid, nagu tekst ja pildid, neid ümbritsevate elementide suhtes. Saate määrata numbrilise väärtuse või valida baasjoon, alam, ülemine, ülemine, tekst ülemine, keskmine, alumine ja tekst alumine.