Tutorial Html de buzunar

probabil ați observat că majoritatea paragrafelor HTML nu au o indentare inițială. Puteți folosi margin sau padding pentru a împinge punctele la dreapta, dar care afectează întregul paragraf, nu doar prima linie. În plus, textul este întotdeauna aliniat la stânga. Cum facem textul centrat sau textul aliniat la dreapta?după cum am văzut în secțiunea „margini”, modelul casetei controlează zona din jurul textului. Această secțiune arată cum să mutați textul în interiorul casetei.,

text de indentare

pentru a indenta textul, utilizați proprietatea text-indent. Următorul fragment CSS adaugă o liniuță 2.0 em la toate paragrafele:

Dacă introduceți o valoare negativă pentru text-indent, prima linie a textului se va deplasa spre stânga. Acest lucru este util pentru crearea de „liniuțe agățate” pentru titluri și altele asemenea. Singurul truc este că trebuie să setați umplutura de bloc care conține în consecință.

„containerul” div are o umplutură uniformă de 5px în jur, cu excepția căptușelii din stânga, care este de 30px., Elementul h2 are textul-indent setat la negativ 25px. Rezultatul este că h2 schimburi 30px la dreapta, din cauza umplutură, și apoi se mută 25px înapoi la stânga, din cauza negative text-indent. Toate celelalte elemente sunt 30px de la marginea din stânga. Rezultatul este o liniuță agățată de 25px.

aliniere orizontală

proprietateatext-align vă permite să aliniați textul la dreapta, la stânga sau la centru în blocul său care conține., Cele patru opțiuni sunt:

• left: aliniază textul de-a lungul marginii din stânga a casetei, lăsând o margine zdrențuită spre dreapta. Aceasta este implicit.

• center: centrează textul în casetă.

• right: aliniază textul de-a lungul marginii din dreapta a casetei, lăsând o margine zdrențuită spre stânga.

• justify: aliniază textul de-a lungul marginilor din dreapta și din stânga casetei. Acest lucru poate face ca spațierea cuvintelor din linie să devină neuniformă., Opțiunea justify nu este la fel de bine acceptată în unele browsere mai vechi.

să aruncăm o privire la toate cele patru opțiuni:

rețineți că text-align aliniază textul și alt conținut inline în casete. Nu afectează blocurile în sine. De exemplu, nu puteți utiliza text-align: center pentru a centra o cutie mai mică într-o cutie mai mare. Acest tip de lucru face parte dintr-un concept mai avansat numit poziționare CSS.