Kaip naudoti teksto skydelį Dreamweaver CSS nuosavybės skydelyje

„Dreamweaver“ teksto skydelyje yra parinkčių rinkinys, valdantis teksto rodymą jūsų puslapiuose. Teksto skydelio parinktis galite pasiekti slinkdami žemyn skydeliu Ypatybė, kol pasieksite išdėstymo parinktis, arba spustelėdami piktogramą T skydelio viršuje.

Teksto skydelyje yra šios formatavimo parinktys:

• Spalva: nustatykite teksto spalvą. Galite gerai spustelėti spalvą ir pasirinkti spalvą, naudoti lašintuvą, kad pamėgintumėte bet kurią spalvą ekrane, arba spalvų lauke įvesti šešioliktainį spalvos kodą. Jei įvesite šešioliktainį spalvos kodą, įtraukite pradžios svaro ženklą (#).

• Šriftų šeima: apibrėžkite šriftų šeimą arba šeimų seriją. Galite pridėti šriftų iš vietinio standžiojo disko arba iš Adobe TypeKit, išskleidžiamojo sąrašo apačioje pasirinkę Tvarkyti šriftus ir paleidę dialogo langą Tvarkyti šriftus.

  

• Šrifto stilius: įveskite „Normal“, „Italic“ arba „Oblique“. Tačiau kursyvas ir įstrižas retai skiriasi žiniatinklio naršyklėje, todėl laikykitės kursyvo, nebent turite konkrečios priežasties to nedaryti.

• Šrifto variantas: pakeiskite tekstą į mažąsias didžiąsias raides. Atidžiai išbandykite savo dizainą, nes šis atributas palaikomas ne visose naršyklėse.

• Šrifto svoris: paryškinkite tekstą, išskleidžiamajame sąraše pasirinkę Bold arba Bolder. Taip pat galite įvesti skaičių nuo 100 iki 900, kad tiksliau kontroliuotumėte, kaip tekstas bus rodomas paryškintu šriftu. Norėdami pašalinti paryškintą formatavimą, pasirinkite Normal arba Lighter.

• Šrifto dydis: nustatykite teksto dydį. Galite pasirinkti konkretų skaičių arba santykinį dydį. Dydžio parinktys yra pikselis (px), taškas (pt), pica (pc), procentas (%), em, rem, ex ir ch. Pikseliai, ems ir procentai yra dažniausiai naudojamos teksto dydžių parinktys.

• Linijos aukštis: nurodykite eilutės, ant kurios dedamas tekstas, aukštį. Panašiai kaip teksto dydį, eilutės aukštį galite nurodyti įvairiais būdais, įskaitant pikselius, ems ir procentus. Žiniatinklyje yra gera praktika pridėti eilutės aukštį, nes padidinus erdvę aplink tekstą, jį lengviau skaityti kompiuterio ekrane.

• Teksto lygiavimas: lygiuokite kairėje, dešinėje, centre arba lygiuokite tekstą spustelėdami atitinkamą piktogramą. Pirmoji piktograma, skirta paveldėti, yra numatytoji. Pavyzdžiui, galite centruoti tekstą savo tinklalapio poraštėje įtraukdami teksto lygiavimo nustatymą į Centrą į stiliaus, kurį taikote, apibrėžimą.

  žymą puslapio apačioje.

• Teksto dekoravimas: nurodykite, ar tekstas yra pabrauktas, perbrauktas, rodomas perbrauktas, ar rodomas su mirksėjimo efektu. Taip pat galite pasirinkti Nėra, kuris dažnai naudojamas norint pašalinti pabraukimą iš susieto teksto.

• Teksto įtrauka: nurodykite, kiek tekstas bus įtrauktas iš kairės puslapio pusės, įvesdami skaičių vienoje iš dydžio parinkčių, pvz., pikseliai, ems arba procentai.

Kodėl tiek daug šriftų?

Galbūt girdėjote, kad dabar galite naudoti bet kokį norimą šriftą savo tinklalapiuose dėl naujausios Cascading Style Sheets versijos CSS3. Šis teiginys yra teisingas, tačiau su tam tikrais apribojimais: turite turėti teisinę teisę skelbti šriftą, o šriftas turi būti talpinamas žiniatinklio serveryje.

Siekdama užtikrinti, kad tekstas būtų rodomas taip, kaip norite, „Dreamweaver“ apima „Windows“ ir „Macintosh“ kompiuteriuose dažniausiai naudojamų šriftų rinkinius. Šie šriftai sugrupuoti į šeimas, pvz

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

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

Galite sukurti savo šriftų rinkinius naudodami dialogo langą Šriftų tvarkymas, kuris pasiekiamas pasirinkus parinktį Tvarkyti šriftus, esančią išskleidžiamojo sąrašo Šriftų šeima apačioje, esančiame skydelyje CSS Designer.

Teksto skydelio skyrius „Tekstas šešėlis“.

Skydelio Tekstas skiltyje Text-Shadow pateikiami įrankiai, skirti pridėti teksto šešėlius – vieną iš naujausių CSS ypatybių, įtrauktų į CSS3 apibrėžimą. Populiariausios parinktys yra šios:

• H šešėlis: pridėkite šešėlį prie teksto horizontalioje ašyje. Pirmiausia pasirinkite dydžio parinktį, tada lauke įveskite skaičių. Pavyzdžiui, įveskite 2px, kad pridėtumėte horizontalų 2 pikselių pločio šešėlį.

• V formos šešėlis: pridėkite šešėlį prie teksto vertikalioje ašyje. Pirmiausia pasirinkite dydžio parinktį, tada lauke įveskite skaičių.

• Suliejimas: valdykite suliejimo kiekį šešėlyje. Kuo didesnis skaičius, tuo labiau šešėlis išsiskleidžia arba susilieja.

• Spalva: įveskite šešioliktainį spalvos kodą, kad nurodytumėte šešėlio spalvą, arba naudokite lašintuvą, kad paimtumėte bet kurią ekrano spalvą.

  

Teksto skydelio apačioje esančios funkcijos, kurios nėra tokios dažnos kaip kitos teksto skydelio parinktys, yra šios:

• Teksto transformavimas: pakeiskite teksto didžiąsias ir mažąsias raides. Parinktys yra didžiosios, didžiosios ir mažosios. Norėdami nustatyti šią ypatybę, spustelėkite atitinkamą piktogramą.

• Tarpai tarp raidžių : apibrėžia tarp raidžių įterpto tarpo dydį. Dydžio parinktys yra pikselis (px), taškas (pt), pica (pc), procentas (%), em, rem, ex ir ch.

• Tarpai tarp žodžių : apibrėžia tarp žodžių, įterptų tarp žodžių. Dydžio parinktys yra pikselis (px), taškas (pt), pica (pc), procentas (%), em, rem, ex ir ch. (Žr. ankstesnę šoninę juostą „CSS dydžio parinkčių palyginimas“.)

• Tarpas tarpas: nurodykite naršyklei, kaip teksto bloke tvarkyti eilučių lūžius ir tarpus. Jūsų parinktys yra paveldėti, įprastas, nevynioti, iš anksto, prieš eilutę arba išankstinis įvyniojimas. „Nowrap“ yra ypač naudinga, nes neleidžia atskirti elementų, jei juos reikia apvynioti, kad tilptų naršyklės lange ar kitame konteineryje.

• Vertikalus lygiavimas: sulygiuokite eilutinius elementus, tokius kaip tekstas ir vaizdai, juos supančių elementų atžvilgiu. Galite nustatyti skaitinę reikšmę arba pasirinkti pagrindinę, apatinę, superinę, viršutinę, teksto viršaus, vidurio, apačios ir apačios.