Turinys

• Instrukcijos
• Kaip suderinti tekstą
• kairėje {
• teisė {
• centras {
• Kaip centralizuoti padalinius, kontūrus ir kūno padalijimus
• Kaip
• Ką reikia

Užuot naudoję HTML žymėjimus, esančius HTML žymėse, žyminčiose tekstą, web dizaineriams geriau pristatyti pateikimo informaciją (derinimo parinktis) į stiliaus lapą. Šiame straipsnyje bus paaiškinta, kaip suderinti tekstą ir kaip sutelkti didesnius puslapių elementus, pvz., Skyrius.

Instrukcijos

Stiliaus lapai leidžia suderinti ir centruoti daugiau nei tekstą (Svetainės išdėstymo vaizdas pagal 6922Designer iš Fotolia.com)

Kaip suderinti tekstą

1. Jei norite suderinti tekstą į įprastą teksto bloką, pvz., Pastraipą ar citatą, naudokite teksto derinimo savybę.

2. Teksto derinimo savybės vertės parinktys yra kairiosios, dešinės, centrinės ir pateisinamos. Kadangi tinkamas tekstas žiniatinklyje nėra labai aiškus, iliustracijoje parodyta tik kairė, dešinė ir centrinė linija. Šioje iliustracijoje kiekviena dalis turi juodą sieną, kad parodytų puslapio bloko elemento dydį, jei elementui netaikomas pločio reguliavimas.

3. Paprastai elementas priskiriamas ID arba klasei. Teksto derinimas šiame elemente ar klasėje yra apibrėžiamas pagal taisyklę, pavyzdžiui:

   kairėje {

   teksto derinimas: kairėje; }

   
   

   teisė {

   teksto derinimas: teisė; }

   centras {

   teksto derinimas: centras; }

Kaip centralizuoti padalinius, kontūrus ir kūno padalijimus

1. Galbūt norėsite išdėstyti visą išdėstymą arba didelį išdėstymą. Tokiais atvejais naudojama kita CSS technika.

2. CSS taisyklę taikysite didžiausio elemento, kurį norite įjungti, selektoriui. Tai gali būti kūno elementas, ribinis padalinys arba konteinerių skyrius.

3. Centravimas pagal šį metodą neturi įtakos teksto derinimui. Centruotas elementas išlaikys numatytąjį kairįjį teksto išlygiavimą centruotame elemente.

4. Toliau pateikiamas viso kūno elemento (su aiškia juoda rėmeliu) iliustracija. Elementui turi būti nustatytas plotis, tada kairė ir dešinė paraštės nustatomos kaip automatinės. Tai daroma taip:

   kūnas {plotis: 80%; paraštė-dešinė: automatinė; margin-left: auto; siena: 1px kietas juodas; }

Kaip

• Paprastai nereikia naudoti išlyginimo, nes kairysis lygiavimas yra numatytasis.Tačiau jūs turite žinoti, kad jis egzistuoja, jei turite iš naujo apibrėžti anksčiau centralizuotą arba dešinę suderintą tekstą vėliau. Centruojamo elemento plotis gali būti apibrėžtas pikseliais, procentais arba ems.

Ką reikia

• Teksto redaktorius
• HTML redaktorius
• Pagrindinės HTML žinios