Modificarea marcajului listei css

Astăzi vom afla cum să creați liste pe o pagină web, care sunt marcatorii folosiți și să testați diferite stiluri pentru a schimba aspectul.

Permiteți-mi să vă reamintesc cum să conectați stilurile la pagina HTML:










Există o listă marcată sau neimprimată de css și numerotată.

Marcatorii de listă reprezintă imagini cu diferite forme: cercuri, pătrate, cozi și altele asemănătoare. Ele sunt numite și pelete. Ca marcatori pentru lista sunt utilizați și desene proprii.

Lista numerică este rezultatul informațiilor sub numerele 1, 2, 3 etc.

În mod obișnuit, marcatorii sunt cercuri simple negre care sunt familiare utilizatorului, dar pe de altă parte nu atrag atenția specială asupra textului.

Dacă decideți să înlocuiți aceste cani cu designeri, atunci trebuie să stăpâniți designul listei folosind css. Ce vom face azi?

Baza oricărei liste constă în următorul cod de pagină web:


  • Primul element din listă

  • Al doilea element al listei

  • Ultimul element din listă








Acest bloc arată astfel:

  • Primul element din listă
  • Al doilea element al listei
  • Ultimul element din listă

Înregistrarea Css a marcatorilor de listă

Ieșirea externă va fi scrisă în fișierul style.css. Poate fi numit și altfel, dar are extensia .css.

Indicatori CSS standard: cerc - nu este un cerc colorat, un punct (disc) - un cerc umbros, un pătrat - un pătrat umbros.

Formează o listă în codul css ul - cu care specificăm ce markere standard vor fi afișate pe pagină.

De exemplu, vom lista listele folosind un cerc. Intrarea în fișierul css va fi:

De exemplu, una dintre opțiunile de modificare a aspectului listei în postări într-un cerc standard, dacă nu există niciun ul pentru blocul de conținut:

Sau un alt exemplu:

Curs complet «Css practice»

Modificarea marcajului listei css

Cunoașterea CSS este necesară pentru fiecare webmaster, deoarece este un mod universal de a face un design de calitate fără a supraîncărca codul paginii.

Pentru cei care doresc foarte repede să învețe stunts css stiluri. Vă recomandăm cursul extins "CSS Practice" de Yevgeny Popov.

Indicatori grafice pentru listă.

Indreptați lista de css.

Modificarea culorii css a marcatorului de listă astfel încât culoarea sa să fie diferită de culoarea textului.

Listele născute. Cum se face o listă orizontală în css. Modificați stilul listelor numerotate.

Descărcați marcatori frumoși pentru listele de site-uri.







Articole similare

Trimiteți-le prietenilor: